学习啦>学习电脑>电脑技巧>

html中input属性设置

时间: 佳洲1085 分享

  html中input标签是常见的一个标签,下面由学习啦小编为大家整理了html中的input属性设置的相关知识,希望对大家有帮助!

  html中input属性设置总结

  1、value 属性

  value 属性规定输入字段的初始值:

  实例

  <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 属性规定输入字段为只读(不能修改):

  实例

  <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 属性规定输入字段是禁用的。

  被禁用的元素是不可用和不可点击的。

  被禁用的元素不会被提交。

  实例

  <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 属性规定输入字段的尺寸(以字符计):

  实例

  <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 属性规定输入字段允许的最大长度:

  实例

  <form action="">

  First name:<br>

  <input type="text" name="firstname" maxlength="10">

  <br>

  Last name:<br>

  <input type="text" name="lastname">

  </form>

  如设置 maxlength 属性,则输入控件不会接受超过所允许数的字符。

  该属性不会提供任何反馈。如果需要提醒用户,则必须编写 JavaScript 代码。

  注释:输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入,则接受者(服务器)必须同时对限制进行检查。HTML5 属性

  扩展资料:HTML5 中 <input> 新增属性

  autocomplete

  autofocus

  form

  formaction

  formenctype

  formmethod

  formnovalidate

  formtarget

  height 和 width

  list

  min 和 max

  multiple

  pattern (regexp)

  placeholder

  required

  step

  并为 <form> 增加如需属性:

  autocomplete

  novalidate

3629416