1、html文本框怎么用css變圓角
border-radius屬性可以實現元素的圓角。如下css可以實現文本框(單行、多行)的圓角:
input[type=text],textarea{border-radius:3px;border:1pxsolid#000;}
border-radius用法如下:
border-radius屬性是一個簡寫屬性,用于設置四個border-*-radius屬性。
該屬性允許為元素添加圓角邊框
語法:
border-radius:1-4length|%/1-4length|%;
按此順序設置每個radius的四個值。
如果省略bottom-left,則與top-right相同。
如果省略bottom-right,則與top-left相同。
如果省略top-right,則與top-left相同。
單位一般用px和百分比較多,其他單位也可
2、HTML中如何設置文本框的大小
邊框的大小,可以使用CSS樣式控制,如:
<textareaid="txtCon">content</textarea>
<styletype="text/css">
#txtCon{width:100px;height:20px;}
</style>
1
2
3
4
1
2
3
4
也可以使用文本框自己的屬性,定義文本框的行和列控制大小,如:
<textareaid="txtCon"rows="100"cols="100">content</textarea>
1
1
3、在html中如何實現將本網頁中文本框中的值傳遞到另一個網頁的用戶名密碼框中,并實現登陸
在html網頁中,一個按鈕,兩個文本框,在
頁面必須是跳轉過去的才行。例如另一個頁面是page.html那么你跳轉的時候page.html?username=tony&password=123跳轉到這個地址,
然后到另一個頁面的時候在腳本里面寫
<SCRIPTlanguage=JavaScript>
varurl=window.location.href;
1
2
1
2
然后varusername=url.split("?")[1].split("&")[0].split("=")[1]//這樣就獲取到用戶名了。
varpassword=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等文本框為只讀不可編輯的方法
有時候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<inputtype="text"name="input1"value="中國">的內容,"中國"兩個字不可以修改。實現的方式歸納一下,有如下幾種。
方法1:οnfοcus=this.blur()當鼠標放不上就離開焦點
<inputtype="text"name="input1"value="中國"onfocus=this.blur()>
1
1
方法2:readonly
<inputtype="text"name="input1"value="中國"readonly>
<inputtype="text"name="input1"value="中國"readonly="true">
1
2
1
2
方法3:disabled
<inputtype="text"name="input1"value="中國"disabled="true">
1
1
完整的例子:
<inputname="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屏蔽輸入:
<inputstyle="ime-mode:disabled">
1
1
有兩種方法第一:disabled="disabled"這樣定義之后被禁用的input元素既不可用,也不可點擊。第二:readonly=“readonly”只讀字段是不能修改的。不過,用戶仍然可以使用tab鍵切換到該字段,還可以選中或拷貝其文本;