认识html-------表单练习下

表单练习

我们写完代码，要有测试代码的习惯：

下面我们检验"清空"按钮：

如图所示：

没问题。

再来检验一下“注册”按钮

https://www.jianshu.com/?zhouxingzhi=zhou&123456=123&sex=on&aihao=on&aihao=on&cc=555

我们需要进一步完善代码：

账号：

密码：

性别：

男

女

保密

爱好：

name="aihao"/>篮球

name="aihao"/>读书

name="aihao" checked="checked"/>配音秀

简介：

name="text"</b>>

生日：name="day"/>

邮箱： name="email"/>

手机：

       

运行结果如图所示：

最后分解一下地址栏的数据：

https://www.jianshu.com/?

账号部分

zhouxingzhi=zhouxingzhi&

密码部分

123456=1223&

性别部分

sex=on&（疑问）

爱好部分

aihao=on&（疑问）

aihao=on&（疑问）

个人简介部分

text=just++do+it&

生日部分

day=2004-12-01&

邮箱部分

email=134%40qq.com&

电话部分

phone=15213282306&cc=555

进一步优化代码，给性别部分和爱好部分加上value属性：

账号：

密码：

性别：

value="boy"name="sex"/>男

value="girl" name="sex"/>女

value="secret"name="sex" checked="checked"/>保密

爱好：

value="basketball"/>篮球

value="read"/>读书

value="movie dubbing" checked="checked"/>配音秀

简介：

生日：

邮箱：

手机：

       

运行我们看一下地址栏：

地址栏：

https://www.jianshu.com/?zhouxingzhi=zhouxingzhi&

123456=123&

sex=boy&

aihao=basketball&

aihao=movie+dubbing&

text=just+++do+++it&

day=2014-12-31&

email=134%40qq.com&

phone=12345677890&cc=555