<form> 标签用于为用户输入创建 HTML 表单,表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含menus、textarea、fieldset、label、legend元素
表单用于向服务器传输数据。
form标签:要提交的内容使用该标签包裹 。
action属性:指定表单提交到哪里。
method属性:决定表单的提交方式get(默认值)/post。
<form action="/getInfo" method="get"> <div class="submit"> <button>提交</button> </div> </form>
input标签:表单项标签.
type属性:text:文本。
name属性:对于表单项,提交时键值对所对应的键。
value属性:对于需要提交的表单项,提交时的值
<input id="username" type="text" name="username" value="ruo">
type属性:password:密码.
<input id="password" type="password" name="password" placeholder="输入密码">
type属性:checkbox:多选框
<div class="hobby"> <label>爱好</label> <input type="checkbox" name="hobby" value="read"> 读书 <input type="checkbox" name="hobby" value="music"> 听歌 <input type="checkbox" name="hobby" value="study"> 学习 </div>
type属性:radio:单选框
相同的name为一组
<div class="sex"> <label>性别</label> <input type="radio" name="sex" value="男"> 男 <input type="radio" name="sex" value="女"> 女 </div>
type属性: file:上传文件
<input type="file" name="myfile" accept="定义上传文件类型">
select标签:下拉选
name属性:提交的键
<select name="city"> <option value="beijing">北京</option> <option value="shanghai" selected>上海</option> <option value="hangzhou">杭州</option> </select>
多行文本框
<textarea name="article"> 默认显示文本, 多行文本,注意和 type=text的区别 </textarea>
隐藏域,检验是否安全
<input type="hidden" name="csrf" value="12345623fafdffdd">
按钮
<input type="button" value="Buttom" /> 不会提交 <input type="submit" value="Submit" /> 会提交 <input type="reset" value="Reset" /> 重置输入
网友评论