1.form表单:<form></form>
action:用户提交的数据提交到的位置【指定的页面】
method:用户的提交方式
post:传输的数据量更大,更安全
get:反之传输的数据量更小
2.<input/>
type:指定的表单项的类型
password:密文域 radio:单选按钮
text:文本域 checkbox:多选按钮
submit:提交按钮 file:本地文件上传
reset:重置按钮 name:名称
value:默认值 readonly:只读
disabled:禁用 checked:默认选中,单选 / 多选
selected:下拉项默认选中
<select></select>下拉菜单
<option></option>下拉项
<textarea></textarea>大文本域
3.input表单项
placeholder代替value显示的内容
fieldset:对表单的内容进行分组
legend:对fieldset分组的内容进行命名
<h1>form 表单</h1>
<form action="" method="post">
<h2>注册</h2>
用户名:<input type="text" name="username" value="小芳" readonly/><br/><br/>
密 码:<input type="password" name="userpass" disabled/><br/><br/>
性别:<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>女
<input type="radio" name="sex" checked value="2"/>妖<br/><br/>
爱好:<input type="checkbox" name="hobby[]" checked value="0"/>吃
<input type="checkbox" name="hobby[]" checked value="1"/> 睡成猪
<input type="checkbox" name="hobby[]" value="2"/>LOL<br/><br/>
大头贴:<input type="file" name="pic" /><br/><br/>
国家:<select name="address">
<option value="0">China</option>
<option selected value="1">American</option>
<option value="2">Japan</option>
</select><br/><br/>
地区:<input type="text" name="address1" list="mylist"/>
<datalist id="mylist">
<option value="山西">山西</option>
<option value="洪洞">洪洞</option>
<option value="河南">河南</option>
<option value="南阳">南阳</option>
</datalist><br/><br/>
个性签名:<textarea name="jianjie" rows="5" cols="40">真好看</textarea>
<input type="submit" value="登录"/>
<input type="reset" value="取消"/>
</form>
form表单的属性方法
最新推荐文章于 2023-05-23 11:16:36 发布