HTML的表单元素和input元素

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>




原文地址:https://www.cnblogs.com/yzy-blogs/p/6597324.html