首页 > 代码库 > 20170508
20170508
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body topmargin="200" leftmargin="40%">
<h1>注册账号</h1>
<hr />
<form method="get" action="http:\\www.baidu.com">
昵称：<input type="text" name="yk" placeholder="请输入昵称"/><br /><br />
密码：<input type="password" name="yk1" placeholder="请输入密码"/><br /><br />
确认密码: <input type="password" name="yk2" placeholder="确认密码"/><br /><br />
性别 <input type="radio" value="http://www.mamicode.com/1" name="r1" id="nan" checked/><label for="nan">男</label>
<input type="radio" value="http://www.mamicode.com/2" name="r1" id="nv" /><label for="nv">女</label><br /><br />
兴趣爱好 <input type="checkbox" value="http://www.mamicode.com/c1" name="x1" id="lq" checked/><label for="lq">篮球</label>
<input type="checkbox" value="http://www.mamicode.com/c2" name="x2" id="zq" /><label for="zq">足球</label>
<br /><br /> 生日：<select namei="s1">
<option value="http://www.mamicode.com/1990">1990</option>
<option value="http://www.mamicode.com/1991">1991</option>
<option value="http://www.mamicode.com/1992">1992</option>
</select>
<select namei="s2">
<option value="http://www.mamicode.com/1">1</option>
<option value="http://www.mamicode.com/2">2</option>
<option value="http://www.mamicode.com/3">3</option>
</select>
<select namei="s3">
<option value="http://www.mamicode.com/1">1</option>
<option value="http://www.mamicode.com/2">2</option>
<option value="http://www.mamicode.com/3">3</option>
</select><br/><br />
所在地：<select name="s4">
<option value="http://www.mamicode.com/美国">美国</option>
<option value="http://www.mamicode.com/中国" selected>中国</option>
<option value="http://www.mamicode.com/哈萨克斯坦">哈萨克斯坦</option>
</select>
<select name="s4">
<option value="http://www.mamicode.com/山东">山东</option>
<option value="http://www.mamicode.com/河北">河北</option>
<option value="http://www.mamicode.com/山西">山西</option>
</select> -
<select names="s5">
<option value="http://www.mamicode.com/淄博">淄博</option>
<option value="http://www.mamicode.com/济南">济南</option>
<option value="http://www.mamicode.com/青岛">青岛</option>
</select><br /><br />
手机号码：<input type="text" name="yk2"/><br /><br />
<center >
<input type="submit" value="http://www.mamicode.com/立即注册" />
</center>
</form>
</body>
</html>
这是今天自己写的代码还是有点生疏。多加练习吧
HTML表单
通用属性
id
name
class
hidden（h5）
disabled
表单作用
提交
结构
<form></form>
属性
method
get
url + ？参数1=参数值1&参数2=参数值2
post
action
发送的地址
<input/>
文本输入
text
密码
password
单选
radio
多选
checkbox
隐藏域
hidden
文件
file
下拉
<select></select>
<option></option>
文本域
<textarea></textarea>
按钮
button
submit
reset
20170508