HTML表单控件

最新推荐文章于 2022-11-10 20:20:40 发布

原创最新推荐文章于 2022-11-10 20:20:40 发布 · 538 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #web高级

本文详细介绍了HTML中常用的表单元素及其属性，包括文本输入框、密码框、按钮、单选按钮、复选框等，并提供了每个元素的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1> form表单

<form action="表单提交位置" method="提交方式post|get（默认）" name="表单名称" enctype="编码方式application/x-www-form-urlencoded（默认）
"></form>

2> text文本框

<input type="text"name="控件名称" value="初始值" size="控件长度" maxlength="字符最大长度"/>

3> password密码框

<input type="passward" name="控件名称" value="初始值" size="控件长度" maxlength="字符最大长度"/>

4> button按钮

<input type="button" name="控件名称" value="按钮提示" onclick="脚本处理"/>

5> submit提交按钮

<input type="submit" value="按钮提示"/>

6> reset重置按钮

<input type="reset" value="按钮提示"/>

7> radio单选按钮

<input type="radio" name="按钮提示（都一样）" value="传递的信息" checked="checked"/>

8> checkbox复选框

<input type="checkbox" name="按钮提示" value="传递的信息" checked="checked">

9> image图像域

<input type="image" name="名称" src="图片路径" onclick="" />

10> hidden隐藏域

<input type="hidden" name="控件名称" value="值"/>

11>file文件域

<input type="file" name="文件域名称" size="控件长度" maxlength="字符最大长度"/>

12>select下拉框

<select name="下拉框名称">
<option value="选项值" selected="selected">
</select>

13>textarea文本域

<textarea name="名称" cols="行数" rows="列数">值</textarea>