html和CSS基础学习(十五)
表单
(1)表单:向服务器提交数据。
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<!--使用form创建一个表单action表示提交服务器的地址-->
<formaction="index.html" >
用户名<input type="text"name="username"/>
<br/>
密码 <input type="password" name="password"/>
<br/>
<!--
创建一个提交单--value表示提交的名字>
-->
<inputtype="submit" value="注册"/>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<!--form表示一个表单,表单是用来提交给服务器的
action表示的是服务器地址,
-->
<formaction="index.html" >
<!--fieldset表示表单分组-->
<fieldsetid="">
<!--legend表示的是分组的组名-->
<legend>信息表</legend>
<!--label标签表示说明文字-->
<label>用户名</label>
<!--表示文本类型的输入框-->
<inputtype="text" name="username" />
<br/>
<label>密码</label>
<inputtype="password" name="passworld" />
<br/>
<labelfor="sn">性别</label>
<!--单项选择器 name属性表示同一个分组,只能选择一个checked表示默认-->
<inputid="sn" type="radio"name="sex" value="men" checked="checked"/>男
<inputid="sn" type="radio"name="sex" value="women"/>女
</fieldset>
<fieldsetid="">
<legend>兴趣</legend>
<label></label>
<!--一个多项选择器name表示同一个分组,给服务器识别的
value区别不同的爱好
-->
<input type="checkbox"name="hobby" value="Y"/>羽毛球
<inputtype="checkbox" name="hobby" value="L"/>篮球
<inputtype="checkbox" name="hobby" value="Z"/>足球
</fieldset>
<fieldset>
<legend>下拉列表</legend>
<label>爱好</label>
<!--multiple="multiple"表示多选中-->
<selectname="interest" >
<!--对下拉菜单中进行分组-->
<optgrouplabel="日常">
<optionvalue="swimming">游泳</option>
<optionvalue="sport">健身</option>
<optionvalue="slpping">睡觉</option>
</optgroup>
<optgrouplabel="业余">
<optionvalue="computer">电脑</option>
</optgroup>
</select>
</fieldset>
<label>意见</label>
<br/>
<!--表示创建一个文本框-->
<textarea></textarea>
<br/>
<!--重置按钮-->
<inputtype="reset" />
<!--创建一个按钮,但是没有实际的意义-->
<inputtype="button" value="按键"/>
<!--设置一个发送按钮-->
<buttontype="submit" >注册</button>
<!--表示发送的表-->
<inputtype="submit" value="注册"/>
</form>
</body>
</html>