HTML的表单元素用于收集用户的输入
直接看例子:
<html> <head> <title>用户登录界面</title> </head> <body> <p>用户登录界面</p> <!--action是指把form元素的内容提交到哪里进行处理,一般都是JSP或servlet等--> <form action="OK.html" method="post"> 用户名:<input type=text name=username><br/> 密 码:<input type=password name=psword><br/> <input type=submit value="登录"> <input type=reset value="重新填写"> </body> </html>运行后的结果:
常用input元素来控制输入的格式,input的属性有:
input元素的举例:
1、复选框
<!--name可以不一样,但一般写成一样的--> <input type="checkbox" name="水果" >苹果</br> <input type="checkbox" name="水果" >香蕉</br>
2、单选框
<!--name必须一样--> <input type="radio" name="sex">男</br> <input type="radio" name="sex">女</br>
3、select、option和textarea举例
<body> <form action="" method="post"> 请选择你得爱好:<select name="like"> <!--提交的时候是提交value的值--> <option value=xuanze >请选择----</option> <option value=yumao>羽毛球</option> <option value=dianshi>看电视</option> <option value=game>玩游戏</option> </select></br></br> <textarea cols="30" rows="10">请在这里输入文本 </textarea></br></br> <input type="file" name="文件"> <input type="submit" value="提交"><input type="reset" value="重置"> </form> </body>