<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>form的属性演示</title>
</head>
<body>
<!-- 默认的是get -->
<form method="post">
输入姓名：<input type="text" name="userName" /> <br />
输入密码：<input type="password" name="password" /> <br />
<!-- 将男和女分成一组名叫sex -->
性别： <input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女 <br />
<!-- 将所有的技能都分成一组名叫skill -->
具备技能：<input type="checkbox" name="skill" value="java" />JAVA
<input type="checkbox" name="skill" value="c++" />C++
<input type="checkbox" name="skill" value="database" />DATABASE
<input type="checkbox" name="skill" value="html" />HTML<br />
选择文件：<input type="file" name="file" /> <br />
一张图片：<input type="image" src="imgs/1.jpg" height="100" width="70"/> <br />
隐藏组件：<input type="hidden" name="mykey" value="myvalue" /> <br />
按钮： <input type="button" value="这有个按钮" οnclick="alert('你点击了我！')" /> <br />
<!-- 下拉框 -->
国籍： <select name="country">
<option value="none" selected="selected">--选择国家--</option>
<option value="cn">中国</option>
<option value="usa">美国</option>
<option value="japan">日本</option>
</select> <br />
文本框：<textarea name="text">--在此输入文本内容--</textarea> <br />
<input type="reset" value="重置"/>
<input type="submit" value="提交" />
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
