<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--
name属性：表单的名称
action：提交表单的路径
method：提交表单的方式
1，默认为：get
2，post：较安全，提交表单的参数在地址栏看不到
-->
<!--
input标签的type的属性值：
1，text:文本输入框
2，password：密码输入框
3,radio:单选按钮，name的值必须保持一致，而且要设置value值且不相同
4,checkbox:多选按钮，name的值必须保持一致
5，submit：提交按钮，该提交按钮默认提交当前所在的表单，其必须放在表单标签里面
6,reset:重置按钮
7，button：普通按钮
8,file:上传文件
9,hidden:隐藏信息
-->
<form name="userForm" action=" " method="get">
用户名:
<input type="text" name="username" maxlength="5" size="20" />
<!--
maxlength:最大输入长度
size:文本框的长度
-->
<br><br>
密 码:
<input type="password" name="password" />
<br><br>
性 别:
<input type="radio" name = "sex" value="nan" checked="checked" />男
<input type="radio" name = "sex" value="nv" />女
<br><br>
兴 趣:
<input type="checkbox" name="interter" value="music">音乐
<input type="checkbox" name="interter" value="food">美食
<input type="checkbox" name="interter" value="trval">旅游
<input type="checkbox" name="interter" value="sport">运动
<br><br>
学 历:
<select name="grade">
<option>请选择</option>
<option value="gz">高中</option>
<option value="bk">本科</option>
<option value="ss">硕士</option>
</select>
<br><br>
文 件
<input type="file" name="file">
<br><br>
介 绍:
<textarea name="introude" rows="5" cols="50"></textarea>
<br><br>
<input type="hidden" name="id" value="1001">
银行账号：
<input type="text" name="cardID" value="124566" readonly="readonly">
<br><br>
银行账号：
<input type="text" name="cardID2" value="1235456" disabled="disabled">
<!--
readonly:修饰的文本框只能读不能修改，其值会提交到服务器
disable:修饰的文本框：不能被修改，其值不会提交到服务器
-->
<br><br>
<input type="submit" value="注 册" />
<input type="reset" value="重 置" />
</form>
</body>
</html>效果图如下
扫一扫
2202
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
