HTML学习之表单

浏览数：27 / 时间：2015年06月09日

HTML表单

表单是HTML的一个重要部分，主要用于采集和提交用户输入的信息。

</form>

1、name：设置表单的名称。

2、action：设置表单的处理程序的URL。

3、method：提交表单的方法。

HTML 表单中常用的标记：

输入域<input>一般在表单中使用

1、<inputtype=“text” />输入单行文字

2、<inputtype=“password”/>输入密码

3、<inputtype=“radio” />单选按钮

4、<inputtype=“checkbox” />多选按钮

5、<inputtype=“image” />图片

6、<inputtype=“file” />文件上传

7、<inputtype=“hidden” />隐藏域

8、<inputtype=“reset” />撤销按钮

9、<inputtype="submit" />提交按钮

10、<inputtype=“button” />普通按钮

11、多行文本输入标记<textarea>

<textarea name=“t1”,rows=x,cols=x>…

</textarea>

name 设置识别名称。

rows设置文本域的行数

cols设置文本域的列数

disabled设置文本为禁用

warp 设置为off不换行

12、选择域<select>

< option >选项二</option>

……

</select>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">
   hello,great boy.......  
   </marquee>   
   <hr>
   <form>
   	输入单行文字 <input type="text" /><br>
   	输入密码     <input type="password" /><br>
   	单选按钮     <input type="radio" name="abc" />  <input type="radio"  name="abc" /> <br>
   	多选按钮     <input type="checkbox"  name="ab"/><input type="checkbox" name="ab"/> <br>
   	图片域       <input type="image" src="29.gif" /><br>
   	文件上传     <input type="file" /> <br>
   	隐藏域       <input type="hidden" /><br>
   	撤销按钮     <input type="reset" value="撤销按钮" /> <br>
   	提交按钮     <input type="submit"  value="提交按钮" /> <br>
   	执行脚本     <input type="button"  value="普通按钮" onclick="prompt() " /> <br>
   	
   	<textarea name="t1" rows="4" cols="50">
   		文本域
   	</textarea>
   	<br>
   	<hr>
   	<select name="selectname">
   	<option>中国</option>
   	<option selected="selected">美国</option>
   	<option>日本</option>	
   	</select>
   </form>
   
 
</html>

HTML表单提交数据：html提交数据时必须设置<input>标签name和value属性，以便asp程序能获取相应的值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
     <form  name="form1" action="request.asp" method="post">
     <p>
     请输入用户名： <input name="name" type="text" size="10"  maxlength="7" />
     <br>
     
     请输入密码：
     <input  name="password" type="password" size="10" maxlength="6"/>
     <br>
     选择强项：<br>
     体育<input type="checkbox"  name="ck"   value="体育" />
     音乐<input type="checkbox"  name="ck"   value="音乐" />
     跳舞<input type="checkbox"  name="ck"   value="跳舞" />
     <br>
     性别：<br>
     男<input type="radio"  name="sex"  value="男"  checked="checked" /> 女<input type="radio" name="sex" value="女" />
     <br>
     
     <select name="sn">
     <option selected="selected"> 中国</option>
     <option>美国</option>
     <option>韩国</option>
     </select>
     <br>
     
     <input name="确定"  type="submit" id="确定"  value="提交" />
     <input name="重置"  type="reset" value="重置">      
     
     <p>
     
     </form>
    </body> 
 
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

HTML学习之表单