1、html文字框怎麼用css變圓角

border-radius屬性可以實現元素的圓角。如下css可以實現文字框（單行、多行）的圓角：

input[type=text],textarea{border-radius:3px;border:1px solid #000;}

border-radius用法如下：

border-radius 屬性是一個簡寫屬性，用於設定四個 border-*-radius 屬性。

該屬性允許為元素新增圓角邊框

語法：

border-radius: 1-4 length|% / 1-4 length|%;

按此順序設定每個 radius 的四個值。

如果省略 bottom-left，則與 top-right 相同。

如果省略 bottom-right，則與 top-left 相同。

如果省略 top-right，則與 top-left 相同。

單位一般用px和百分比較多，其他單位也可

2、HTML中如何設定文字框的大小

邊框的大小，可以使用CSS樣式控制，如：

<textarea id="txtCon" >content</textarea>

<style type="text/css">

#txtCon{width:100px; height:20px;}

</style>

1

2

3

4

1

2

3

4

也可以使用文字框自己的屬性，定義文字框的行和列控制大小，如：

<textarea id="txtCon" rows="100" cols="100" >content</textarea>

1

1

3、在html中如何實現將本網頁中文字框中的值傳遞到另一個網頁的使用者名稱密碼框中，並實現登陸

在html網頁中，一個按鈕，兩個文字框，在

頁面必須是跳轉過去的才行。例如另一個頁面是page.html那麼你跳轉的時候 page.html?username=tony&password=123 跳轉到這個地址，

然後到另一個頁面的時候在腳本里面寫

<SCRIPT language=JavaScript>

var url = window.location.href;

1

2

1

2

然後var username = url.split("?")[1].split("&")[0].split("=")[1] //這樣就獲取到使用者名稱了。

var password = url.split("&")[1].split("=")[1];

1

1

然後把值賦給你的密碼文字框

document.getElementById("txtpassword").value = password;

document.getElementById("txtusername").value=username;

< /SCRIPT>

1

2

3

1

2

3

然後驗證使用者名稱和密碼就可以了。

4、HTML中讓表單input等文字框為只讀不可編輯的方法

有時候，我們希望表單中的文字框是隻讀的，讓使用者不能修改其中的資訊，如使<input type="text" name="input1" value="中國"> 的內容，"中國"兩個字不可以修改。實現的方式歸納一下，有如下幾種。

方法1: οnfοcus=this.blur() 當滑鼠放不上就離開焦點

<input type="text" name="input1" value="中國" onfocus=this.blur()>

1

1

方法2:readonly

<input type="text" name="input1" value="中國" readonly>

<input type="text" name="input1" value="中國" readonly="true">

1

2

1

2

方法3: disabled

<input type="text" name="input1" value="中國" disabled="true">

1

1

完整的例子:

<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true"　readOnly="true" />

1

1

disabled=“true” 此果文字會變成灰色，不可編輯。

readOnly=“true” 文字不會變色，也是不可編輯的

css遮蔽輸入：

<input style="ime-mode: disabled">

1

1

有兩種方法第一：disabled="disabled"這樣定義之後被禁用的 input 元素既不可用，也不可點選。第二：readonly=“readonly” 只讀欄位是不能修改的。不過，使用者仍然可以使用 tab 鍵切換到該欄位，還可以選中或複製其文字；