12.02

最新推荐文章于 2025-06-07 20:11:10 发布

原创最新推荐文章于 2025-06-07 20:11:10 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML表单的各种元素及其属性，包括文本框、密码框、单选按钮、复选按钮等常见表单控件，并解释了它们的作用及使用场景。

表单结构

<form action="">
	<input name="" type="">
	<input type="">
</form>

表单控件：input

<input type="text">  <!-- 文本框 -->
<input type="password">  <!-- 密码框 -->
<input type="radio">  <!-- 单选按钮 -->
<input type="checkbox">  <!-- 复选按钮 -->
<input type="submit">  <!-- 提交按钮 -->
<input type="image">  <!-- 图片按钮	-->
<input type="button">  <!-- 普通按钮 -->
<input type="reset">  <!-- 重置按钮 -->
<input type="file">  <!-- 文件域 -->
<input type="hidden">  <!-- 隐藏域 -->
<textarea></textarea>  <!-- 文本域 -->

<select>  <!-- 下拉列表 -->
  <optgroup>  <!-- 把相关的选项组合在一起 -->
    <option>  </option>  <!-- 选项 -->
    <option>  </option>
  </optgroup>
</select>

属性

action 数据提交地址
name 元素的名称
value 元素的值
size 规定输入字段的宽度
maxlength 规定输入字段的最大长度
placeholder 在输入字段为空时显示
required 规定必需在提交表单之前填写输入字段
readonly 只读
disabled 禁用
checked 设置默认选中
accept 设置上传的文件类型
selected 下拉列表多选