sing up 表单及控件

<html>
<head><title>会员注册</title></head>
<body>
注册
<form action="ok.html" method="get">

昵称:
<input type="text" name="yourname">
<br><br>

密码:
<input type="password" name="password">
<br><br>

重复密码:
<input type="password" name="password">
<br><br>

上传头像:
<input type="file" name="photo">
<br><br>

性别:
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
<br><br>

您最喜欢的城市:
<input type="checkbox" name="city" value="beijing">北京
<input type="checkbox" name="city" value="shanghai">上海
<input type="checkbox" name="city" value="guangzhou">广州
<br><br>

您来自哪里?
<select name="where">
<option value="shandong">山东</option>
<option value="shanxi">陕西</option>
<option value="henan">河南</option>
</select>
<br><br>

您有什么好建议?<br>
<textarea name="mytextarea" rows="10" cols="30"></textarea>
<br><br>

<input type="submit" name="提交">
<input type="reset" name="重置">
</form>
</body>
</html>

 

 

 

 

1.<input> 单标签

1)input后面所跟的type的值可以是:

text--文本

radio--单选

checkbox--复选

file--上传文件,仅限图片?其他附件可以吗?头像是确定的。

password--密码专用 用●●●●● 代替打出来的内容

reset--重置按钮

submit--提交按钮,button也是按钮,看一些分析说是各有用处,这个以后用到再实际分辨。

textarea--文本区域,带有限制长高的输入框 

还有一些没有用到的,如:

hidden--隐藏的,没用过
image--用作图片式提交按钮,后面跟src="",暂时没用到


2.<select></select>双标签 配套的<option></option>也是双标签 --为什么有的是双标签,有的是单标签?值得研究

3.<textarea></textarea>也是双标签

4.value在text中 不需要,在radio、checkbox中需要填写  --运用不熟练

5.name在哪一个下面都需要

 

地址:http://www.w3school.com.cn/tags/tag_input.asp

posted @ 2014-05-02 00:30  A海  阅读(121)  评论(0)    收藏  举报