<input>标签

input的 type 属性

input 的list属性

list 属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。

<form action="demo-form.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form>

input的type属性

input的readonly属性

readonly 属性是一个布尔属性。

readonly 属性规定输入字段是只读的。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

<form action="demo_form.php"> Email: <input type="text" name="email"><br> Country: <input type="text" name="country" value="Norway" readonly><br> <input type="submit" value="提交"> </form>

input的disabled属性

disabled 属性是一个布尔属性。

disabled 属性规定应该禁用的 <input> 元素。

被禁用的 input 元素是无法使用和无法点击的。

disabled 属性进行设置，使用户在满足某些条件时（比如选中复选框，等等）才能使用 <input> 元素。然后，可使用 JavaScript 来删除 disabled 值，使该<input> 元素变为可用的状态。

提示：表单中被禁用的 <input> 元素不会被提交。

注意：disabled 属性不适用于 <input type="hidden">。

<form action="demo_form.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname" disabled><br> <input type="submit" value="提交"> </form>

input的required属性

required 属性规定必需在提交表单之前填写输入字段。

<form action="demo-form.php"> Username: <input type="text" name="usrname" required> <input type="submit"> </form>