码迷,mamicode.com
首页 > 其他好文 > 详细

20170508

时间:2017-05-08 23:28:47      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:check   足球   htm   meta   单选   method   表单   form   disable   

<!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">
&nbsp;&nbsp;昵称:<input type="text" name="yk" placeholder="请输入昵称"/><br /><br />
&nbsp;&nbsp;密码:<input type="password" name="yk1" placeholder="请输入密码"/><br /><br />
确认密码: <input type="password" name="yk2" placeholder="确认密码"/><br /><br />
&nbsp;&nbsp;性别 <input type="radio" value="1" name="r1" id="nan" checked/><label for="nan">男</label>
<input type="radio" value="2" name="r1" id="nv" /><label for="nv">女</label><br /><br />
兴趣爱好 <input type="checkbox" value="c1" name="x1" id="lq" checked/><label for="lq">篮球</label>
<input type="checkbox" value="c2" name="x2" id="zq" /><label for="zq">足球</label>
<br /><br />&nbsp;&nbsp;生日:<select namei="s1">
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
</select>
<select namei="s2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select namei="s3">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br/><br />
&nbsp;所在地:<select name="s4">
<option value="美国">美国</option>
<option value="中国" selected>中国</option>
<option value="哈萨克斯坦">哈萨克斯坦</option>
</select>
<select name="s4">
<option value="山东">山东</option>
<option value="河北">河北</option>
<option value="山西">山西</option>
</select> -
<select names="s5">
<option value="淄博">淄博</option>
<option value="济南">济南</option>
<option value="青岛">青岛</option>
</select><br /><br />

手机号码:<input type="text" name="yk2"/><br /><br />
<center >
<input type="submit" value="立即注册" />
</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

标签:check   足球   htm   meta   单选   method   表单   form   disable   

原文地址:http://www.cnblogs.com/skyhorseyk/p/6827997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!