美文网首页
3.HTML表单-第二章表单元素

3.HTML表单-第二章表单元素

作者: 博尔茨杰 | 来源:发表于2019-03-05 19:50 被阅读0次
1.单行文本域
属性 描述
Name 文字域的名字
Maxlength 指用户输入的最大字符长度
Size 指定文本框的宽度,以字符个数为单位;文本框的缺省宽度是20个字符
value 指定文本框的默认值
placeholder 规定用户填写输入字段的提示
2.单选框
image.png
语法:
<form>
     <input type="radio" name="..." value="..." checked />
</form>

注意:同一组的name值要相同。

3.复选框
image.png
语法:
<form>
      <input type="checkbox" name="..." value="..." checked />
</form>
4.按钮
语法:
<input type="button" name="..." value="..." />
<input type="submit" name="..." value="..." />
<input type="reset" name="..." value="..." />
5.图像域(图像提交按钮)
语法:
<input type="image" name="..." src="imageurl" />
6.隐藏域
语法:
<input type="hidden" name="..."  value="..."  />
7.下拉菜单和列表标签
语法:
<select >
  <option value="...">选项</option>
  <option value="...">选项</option>
  .....
</select >

<select>标签属性

属性 描述
name 设置下拉菜单和列表的名称
multiple 设置可选择多个选项
size 设置列表中可见选项的数目
8.分组下拉菜单和列表标签
语法:
<select name="">
  <optgroup label="组1">
  <option value="...">选项</option>
  <option value="...">选项</option>
  .....
 </optgroup>
 <optgroup label="组2">
  <option value="...">选项</option>
  <option value="...">选项</option>
  .....
  </optgroup>
</select >
9.分组下拉菜单和列表标签
语法:
<textarea name=".."  rows=".."  cos=".." ...>
  内容...
</textarea >

相关文章

  • 3.HTML表单-第二章表单元素

    1.单行文本域 2.单选框 语法: 注意:同一组的name值要相同。 3.复选框 语法: 4.按钮 语法: 5.图...

  • Html表单元素及表单元素详解

    大纲 1、认识表单2、认识表单元素3、表单元素的分类4、表单元素——文本框5、表单元素button6、表单元素——...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML元素的显示优先级

    帧元素>HTML元素优先,表单元素总>非表单元素优先层级显示优先级: frameset > 表单元素 > 非表单元...

  • 高效易用表单设计详细指南

    表单是什么? 表单是一个包含表单元素的区域,使用表单标签( )定义。 表单元素是允许用户在表单中输入信息的元素,主...

  • HTML表单的用法

    一、表单简介 form 元素定义 HTML 表单,HTML 表单用于收集用户输入。其它表单元素应被 元素包裹,以便...

  • HTML表单的用法

    1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...

  • HTML基础(3)

    表单元素 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉...

  • html表单

    一、表单 表单元素为,表单中可以包含多项表单元素(又称输入域),表单元素之间不能进行嵌套。为了将信息正确提交到服...

  • HTML表单

    一、表单 表单元素为,表单中可以包含多项表单元素(又称输入域),表单元素之间不能进行嵌套。为了将信息正确提交到服...

网友评论

      本文标题:3.HTML表单-第二章表单元素

      本文链接:https://www.haomeiwen.com/subject/bcjouqtx.html