HTML（表单）
目录：
创建表单 表单的类型 表单输入的初级验证
创建表单
HTML中表单的创建使用<form>标签（双标签）
<form method="post" action="index.html"></form>method="post"
指的是表单提交方式。
常用值 get | post：
get：速度较快，但不安全。传输的文本较少；提交的内容会在提交表单之后显示在浏览器的地址栏；不适合密码之类的传输；
post：速度慢，但是安全。与get相反。适合用于注册表单、登录表单之类的传输。
action="index.html"
指的是表单提交成功后要跳转的页面。
表单标签的类型
文本框
<input type="text" name="name" value="初始值"/>maxlength：可限制输入框字符最大长度；
多行文本框
<textarea name="" type=""readonly>
内容
</textarea>密码框
<input type="password" name="name" value="初始值"/>提交按钮
<input type="submit" name="name" value="显示在网页中的文字"/>重置按钮
<input type="reset" name="name" value="显示在网页中的文字"/>普通按钮
<input type="button" name="name" value="显示在网页中的文字"/>图片按钮
<input type="image" name="name" url="地址"/>单选按钮
<input type="radio" name="sex" checked value="1">男
<input type="radio" name="sex" value="0">女name 元素名称单选按钮中，name属性值相同为一组单选按钮。
checked 单选标签中，添加checked属性为默认选中。
value 添加value属性，用于接收。
多选按钮
<input type="checkbox" name="inter" value="s"/>玩游戏
<input type="checkbox" name="inter" value="d"/>打篮球
<input type="checkbox" name="inter" value="x"/>睡觉name 的值必须一致，可形成一个组。
value 添加value属性，用于接收。
隐藏域
<input type="hidden" name="userid" value="666"/>搜索框
<input type="search" value="666"/>滑块
<input type="range" value="666"/>数字
<input type="number" min="最小值" max="最大值" value="666"/>邮箱
<input type="email" value="666"/>自动检测电子邮箱是否正确；
网址
<input type="url" value="666"/>自动检测网址是否合法；
表单输入的初级验证
required 验证文本框内容不能为空
<input type="text" name="name" value="初始值" required/>pattern 正则表达式验证
<input type="text" name="name" value="初始值" pattern="^1[358]/d{9}"/>
//意为开头为1，第二位是358其中一个，/d意为全数字，{9}意为后面还能有九位数字。placeholder 文本框提示的文字，适用于<input>标签
<input type="text" name="name" value="初始值" placeholder="提示的文字"/>本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-05-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录