HTML的表单元素和input元素

来源：互联网发布：疯狂的美工助手破解版编辑：程序博客网时间：2024/05/01 06:18

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>

0 0