怎么提交checkbox表单_8.htmlform表单
“
仅供学习,转载请注明出处
”
form表单
表单⽤于搜集不同类型的⽤户输⼊,表单由不同类型的标签组成,相关标签及属性⽤法如下:
1、标签 定义整体的表单区域
action属性 定义表单数据提交地址
method属性 定义表单提交的⽅式,⼀般有“get”⽅式和“post”⽅式
2、标签 为表单元素定义⽂字标注
3、标签 定义通⽤的表单元素
type属性
type="text" 定义单⾏⽂本输⼊框
type="password" 定义密码输⼊框
type="radio" 定义单选框
type="checkbox" 定义复选框
type="file" 定义上传⽂件
type="submit" 定义提交按钮
type="reset" 定义重置按钮
type="button" 定义⼀个普通按钮
type="image" 定义图⽚作为提交按钮,⽤src属性定义图⽚地址
type="hidden" 定义⼀个隐藏的表单域,⽤来存储值
value属性 定义表单元素的值
name属性 定义表单元素的名称,此名称是提交数据时的键名
4、标签 定义多⾏⽂本输⼊框
html中提交表单用什么属性5、标签 定义下拉表单元素
6、标签 与 标签配合,定义下拉表单元素中的选项
注册表单实例:
html>
<html>
<head>
<title>title>
head>
<body>
<form action="" method="get">
<p> <label>姓名:label><input type="text" name="username" /> p>
<p> <label>密码:label><input type="password" name="password" /> p>
<p> <label>性别:label> <input type="radio" name="gender" value="0" /> 男 <input type="radio" name="gender" value="1" /> ⼥ p>
<p> <label>爱好:label> <input type="checkbox" name="like" value="sing" /> 唱歌 <input type="checkbox" name="like" value="run" /> 跑步 <input type="checkb <p> <label>照⽚:label> <input type="file" name="person_pic" /> p>
<p> <label>个⼈描述:label> <textarea name="about">textarea> p>
<p> <label>籍贯:label> <select name="site"> <option value="0">北京option> <option value="1">上海option> <option value="2">⼴州option> <option value="3"
<p> <input type="submit" name="" value="提交" />
<input type="reset" name="" value="重置" /> p>
form>
body>
html>
浏览器展⽰如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论