form表单的属性⽅法
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标签placeholder属性<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>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。