<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<!--
formb表单标签
action属性：设置表单内容提交后的处理程序
method属性：表单内容提交方式，常用值有get和post两种
input标签：输入框
type：设置输入框的类型
text：文本框
password“密码框
radio：单选按钮
checkcbox：复选框
file:文件域
button：普通按钮，结合JS代码一起使用
rest:重置按钮
submit：提交按钮
image：图片按钮
checked属性：可以给单选按钮、复选框设置默认选项
textarea:文本域
select标签:下拉框，下拉选项使用option标签来实现
-->
<form action="" method="">
姓名:<input type="text"/><br />
密码:<input type="password"/> <br />
性别:<input type="radio" name="sex" checked="checked"/>男
<!-- checked 表示默认为当前 -->
<input type="radio" name="sex"/>女<br />
爱好:<input type="checkbox"/>篮球
<input type="checkbox"/>足球
<input type="checkbox"/>棒球
<input type="checkbox" checked="checked"/>乒乓球
<input type="checkbox"/>羽毛球<br />
生日:<select>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option selected="selected">1994</option>
<option>1995</option>
</select>年
<select>
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>月
<select>
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>日<br />
<!-- 可以放入照片进去 -->照片:<input type="file"/><br />
自我介绍:<textarea cols="80" rows="10">请输入你的自我介绍</textarea>
<!-- 按钮 -->
<input type="reset" value="重填"/>
<!-- 普通按钮 --><input type="button" value="你点我一下" οnclick="alert('你点我干什么')"/>
<input type="submit" value="登录" />
<!-- --> <input type="image" src="img/submit.png" />
</form>
</body>
</html>
扫一扫
8905
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
