zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

HTML表单__表单元素属性

2023-03-20 14:41:11 时间

看完“HTML表单__表单元素”那一节的同学会发现,同是input标签,type属性值不一样的时候,input类型完全不一样。type就是input的一个属性,除type之外,还有很多属性,接下来我们开始了解表单元素属性都有哪些?

input标签属性:

1.1 type是input特别重要的属性,type属性值决定input的类型。

  1. text ,定义文本输入框。
  2. password,定义密码框。
  3. radio,单选框
  4. checkbox,定义复选框。
  5. submit,定义提交按钮。
  6. reset,定义重置按钮,会清空表单填写的信息。
  7. button,定义按钮。
  8. file,定义上传文件框,可直接调问价夹,选择文件(图片,压缩包、文档表格等)

1.2 placeholderp属性值提供了input提示信息。

1.3 maxlength规定输入最大长度。

1.4 name属性,定义元素input的名,用于对提交到服务器后台表单数据标识。

1.5 value属性为input设定值

1.6 disabled 禁用文本域,input会处于灰化。

1.7 readonly文本域只读模式,不可编辑。

1.8 autofocus 文本域自动获得焦点。

示例:
  <input type="text" value="男" maxlength="6" name="sex" placeholder="文本输入框">
单选框示例:
<input type="radio" name="dx" value="nan">男
<input type="radio" name="dx" value="nv">女

注意:使用单选框时,name要保持一致,单选框才能正常使用,如果name不一样时就可以选中多个。

label标签属性:

for属性,把label绑定到另外一个元素。使用时for属性值应当与相关元素id值相同。

示例:<labelfor="male">Male</label><inputtype="text"id="male">

textarea标签属性:

  1. cols规定文本域可见宽度。
  2. rows规定文本域可见行数。
  3. placeholderp属性值提供了input提示信息。
  4. maxlength规定输入最大长度.
  5. name属性,定义元素input的名,用于对提交到服务器后台表单数据标识。
  6. value属性为input设定值。
  7. disabled 禁用文本域,input会处于灰化,文本域只读模式,不可编辑。
  8. autofocus 文本域自动获得焦点。