表单
2018-09-12 本文已影响0人
neko233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
<style type="text/css">
form input{
margin: o auto;
}
</style>
</head>
<body>
<form action="em.html" method="get"> <!-- action指向服务器地址 post要求保密时使用,不保密用get-->
<!-- 表单项 -->
用户名
<input type="text" name="username" placeholder="请输入用户名"> <br> <!-- 内联元素/name属性起个有意义的名字
file:///C:/Users/Administrator.SKY-20180906XPU/Desktop/html/em.html?username=neko
method=post时 file:///C:/Users/Administrator.SKY-20180906XPU/Desktop/html/em.html-->
<!-- placeholder设置默认值 -->
密码    
<input type="password" name="username" placeholder="请输入密码"><br>
性别
<input type="radio" name="gender" value="male">男 <!-- 指定的name属性进行分组，相同时才会互斥，只能选择一个 -->
<input type="radio" name="gender" value="female" checked="checked">女
<!-- file:///C:/Users/Administrator.SKY-20180906XPU/Desktop/html/em.html?username=dad&username=wer&gender=male female
-->
<br>
爱好
<input type="checkbox" name="hobby" value="zq" checked="checked">足球
你喜欢的明星
<select name="star" id="" multiple="">
<optgroup>
<option value="cgx">城管希</option>
<option value="hb" selected="">黑白</option>
</optgroup>
<optgroup>
<option value="cx">城希</option>
<option value="hbc" selected="">黑白城</option>
</optgroup>
</select>
<br>
自我介绍
<!-- 多行文本域 -->
<textarea name="" id="" cols="30" rows="10"></textarea><br>
<input type="reset"><br>
<button type="reset">重置</button>
<br>
<input type="submit" value="注册"><br> <!-- 默认为文字"提交"，使用value修改 -->
</form>
</body>
</html>
