HTNL表单

    休息一天回来,又投入到紧张的学习氛围中去了,今又学了一些新知识,感觉越来越有意思了,也越来越难了,今天去参观了别人的项目,感觉他们都好厉害,让我既羡慕又嫉妒,什么时候我也可以成为向他们一样的大神,还得继续努力!先总结一下今天学的东西以及完成的作业:

HTML表单分通用属性、表单作用、结构

通用属性包括id、name、calss、hidden(h5)、disabled

表单的作用是提交

结构:<form></form>

<form></form>的属性method、action

action:get、post

get:url+?参数1=参数值1&参数2=参数值2

action:发送地址

<form></form>:<input/>:(文本输入—text  密码—password 单选—radio 多选—checkbox 隐藏域—hidden 文件—file)下拉——<select></select>—<option></option> 文本域—<textarea></textarea> 按钮:button、submit、reset

 

<title>注册</title>
</head>
<body>
<table width="100%" border="0" >
<tr>
<td width="35%"></td>
<td>
<h3>注册账号</h3><hr />
<form method="get" action="http://www.baidu.com"><br />
昵称&nbsp;&nbsp;&nbsp;<input type="text" naman="a"/>
<br /><br />
密码&nbsp;&nbsp;&nbsp;<input type="password" naman="b"/>
<br /><br />
确认密码&nbsp;&nbsp;&nbsp;<input type="password" naman="c"/>
<br /><br />
性别<input type="radio" name="1" value="4" id="nan"/><label for="nan">男</label>
<input type="radio" name="1" value="5" id="nv" /><label for="nv">女</label>
<br /><br />
生日&nbsp;&nbsp;&nbsp;<select naman="n">
<option value="6">公历</option>
<option value="7">农历</option>
</select>
<select name="m">
<option value="8">2017年</option>
<option value="9">2016年</option>
<option value="10">2015年</option>
<option value="11">2014年</option>
<option value="12">2013年</option>
<option value="13">2012年</option>
<option value="14">2011年</option>
<option value="15">2010年</option>
<option value="16">2009年</option>
</select>
<select name="v">
<option value="17">1月</option>
<option value="18">2月</option>
<option value="19">3月</option>
<option value="20">4月</option>
<option value="21">5月</option>
<option value="22">6月</option>
<option value="23">7月</option>
<option value="24">8月</option>
<option value="25">9月</option>
<option value="26">10月</option>
<option value="27">11月</option>
<option value="28">12月</option>
</select>
<select name="f">
<option value="29">1日</option>
<option value="30">2日</option>
<option value="31">3日</option>
<option value="32">4日</option>
<option value="33">5日</option>
<option value="34">6日</option>
<option value="35">7日</option>
<option value="36">8日</option>
<option value="37">9日</option>
<option value="38">10日</option>
</select>
<br /><br />
地区&nbsp;&nbsp;&nbsp;<select name="h">
<option value="39">中国</option>
<option value="40">法国</option>
<option value="41">阿富汗</option>
<option value="42">巴基斯坦</option>
</select>
<select name="j">
<option value="43">北京</option>
<option value="44">上海</option>
<option value="45">广州</option>
</select>
<select name="l">
<option value="46">东城</option>
<option value="47">西城</option>
<option value="48">朝阳</option>
</select><br /><br />
手机号码&nbsp;&nbsp;&nbsp;<input type="text" naman="g"/><br />
<h5>可通过该手机号码快速找回密码<br />
中国大陆地区以外手机号码
<a href="http;//www.baidu.com">点击这里</a></h5>
<input type="text"name="s" />
<input type="button" name="r" id="666" value="获取短信验证码" /><br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.yyw.com">立即注册</a><br />
<h5><input type="checkbox" name="d" value="edc" id="cc" /><label for="cc"></label><font>同时开通QQ空间</font><br />
<input type="checkbox" name="p" value="ebc" id="vv" /><label for="vv"></label><font>我已阅读并同意相关服务条款和隐私政策</font></h5>
</form>



</td>
<td width="35%"></td>

</tr>

</table>

 

</body>

 

posted @ 2017-05-08 17:47  小伙子很浪  阅读(155)  评论(0编辑  收藏  举报