form: 建立表单、input: 表单输入域

2017-06-06 16:36:00
admin
原创
559
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>元素input</title>
 </head>
 <body>
 <form action="j a v a s c r i p t :alert('此表单仅用于演示,表单测试成功!^_^')">
 <b>用户识别</b><br>
 姓名:<input type="text" size="20"><br>
 密码:<input type="password" size="20"><br>
 <b>你的爱好(可多选):</b><br>
 <input type="checkbox" value="ch1" name="check1">读书<br>
 <input type="checkbox" value="ch2" name="check2">电影<br>
 <input type="checkbox" value="ch3" name="check3">音乐<br>
 <input type="checkbox" value="ch4" name="check4">打球<br>
 <b>你的年龄:</b><br>
 <input type="radio" value="ch1" name="r1">16~20<br>
 <input type="radio" value="ch2" name="r1">21~25<br>
 <input type="radio" value="ch3" name="r1" checked>26~30<br>
 <input type="radio" value="ch4" name="r1">其他<br>
 <input type="hidden" value="ff">
 <b>请选择一张照片</b><br>
 <input type="file"><br>
 <input type="submit" value="提交"> <input type="reset" value="重置">
 <input type="button" value="帮助" style="cursor:help" onclick="alert('此表单仅用于演示input的type属性,谢谢!')"><br><br>
 <input type="text" size="25" value="Google Search" onfocus="this.value=''"> <input type="image" src="src/search.gif" value="tt" alt="图像按钮">
 </form>
 </body>
 </html>
  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络