HTML表单的使用

1. 简介

HTML表单由<form>标签设置,用来收集用户输入的信息, 并提交到服务器。

2. 表单属性

action -- 处理表单信息的程序的地址
method -- 浏览器提交表单的HTTP方法,有 get 和 post 两种

<form action="xxxx.xxx" method="get/post"</form>

3. 常用表单类型

<input> -- 输入框
<select> -- 下拉框(和option组合)
<option> -- 下拉框(和select组合)
<textarea> -- 多行文本输入框
<button> -- 按钮
<label> -- 提高input(鼠标用户)的使用体验

4. <input>元素常用类型(type="")

text -- 单行文本输入框
password -- 密码输入框(不可见, 显示为黑点或其他)
submit -- 提交数据
reset -- 重置表单数据
radio -- 单选
checkbox -- 多选
button -- 按钮

5. <input>元素常用属性

value -- 输入框的初始值(可为空)
readonly -- 输入框只读
disabled -- 输入框不可用(灰色)
size -- 输入框的大小(in characters)
maxlength -- 可输入的数据长度
placeholder -- 输入框中提示信息

参考: HTML Forms - w3school.com

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 3,440评论 0 0
  • HTML表单作用是搜集用户输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。 1.<form...
    Eazer阅读 1,481评论 0 1
  • 1.HTML表单简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 标...
    村里第一帅阅读 2,967评论 0 0
  • 简介 HTML 表单用于搜集不同类型的用户输入。 表单标签列表 表单标签<form> action:表单需要提交的...
    24_Magic阅读 1,868评论 0 0
  • 1. 简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单元素通常包括文本域(texta...
    _达斯基阅读 1,747评论 0 0

友情链接更多精彩内容