html中input屬性設(shè)置
html中input標(biāo)簽是常見的一個(gè)標(biāo)簽,下面由學(xué)習(xí)啦小編為大家整理了html中的input屬性設(shè)置的相關(guān)知識(shí),希望對(duì)大家有幫助!
html中input屬性設(shè)置總結(jié)
1、value 屬性
value 屬性規(guī)定輸入字段的初始值:
實(shí)例
<form action="">
First name:<br>
<input type="text" name="firstname" value="John">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
2、readonly 屬性
readonly 屬性規(guī)定輸入字段為只讀(不能修改):
實(shí)例
<form action="">
First name:<br>
<input type="text" name="firstname" value="John" readonly>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
readonly 屬性不需要值。它等同于 readonly="readonly"。
3、disabled 屬性
disabled 屬性規(guī)定輸入字段是禁用的。
被禁用的元素是不可用和不可點(diǎn)擊的。
被禁用的元素不會(huì)被提交。
實(shí)例
<form action="">
First name:<br>
<input type="text" name="firstname" value="John" disabled>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
disabled 屬性不需要值。它等同于 disabled="disabled"。
4、size 屬性
size 屬性規(guī)定輸入字段的尺寸(以字符計(jì)):
實(shí)例
<form action="">
First name:<br>
<input type="text" name="firstname" value="John" size="40">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
5、maxlength 屬性
maxlength 屬性規(guī)定輸入字段允許的最大長度:
實(shí)例
<form action="">
First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
如設(shè)置 maxlength 屬性,則輸入控件不會(huì)接受超過所允許數(shù)的字符。
該屬性不會(huì)提供任何反饋。如果需要提醒用戶,則必須編寫 JavaScript 代碼。
注釋:輸入限制并非萬無一失。JavaScript 提供了很多方法來增加非法輸入。如需安全地限制輸入,則接受者(服務(wù)器)必須同時(shí)對(duì)限制進(jìn)行檢查。HTML5 屬性
擴(kuò)展資料:HTML5 中 <input> 新增屬性
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height 和 width
list
min 和 max
multiple
pattern (regexp)
placeholder
required
step
并為 <form> 增加如需屬性:
autocomplete
novalidate