表单

表单元素

表单元素：

<form action="aa.html" method="post">
</form>
(get能在浏览器看到你传的东西 传的值有长度限制 post没有长度限制 常用post )

<input />单标签元素

 

<input type="text"（文本框）
name="yhm"（名字）
value="hello"（里面的文字） />

<input type="password" />（密码框）


<input type="hidden"（隐藏域） name="yc" value="111"/> 隐藏 不想让用户看到 又要提交

<textarea name="">内容
</textarea>

文本域可以写多行文字

<input type="button"/> 按钮
<input type="button"/ value="登录">

<input type="submit"/>提交

<input type="reset" value="重置"/> 重状态置按钮 重新回归原来

<input type="image" src="图片"/> 提交按钮 图片


<input type="radio"/> 单选按钮 选男女

<input type="checkbox" name="aihao"/>复选框

<select name="mz">

<option>回族<option>

<option>汉族<option>

<option>满族<option>

</select> 下拉列表
selected 在下拉列表里做选中

checked在单选双选里做选中

 

<!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 action="aaa.html" method="get" >
         <input type="text" name="uid" value="aaa" hidden="hidden"/>
         <input type="password" name="mmm" value="mmm"/>
         <input type="hidden" name="hhh" value="kkk"/>
         <textarea name="ggg"  >内容</textarea>


        <input type="button" value="ab"/>
        <input type="submit" value="tj"/>
        <input type="reset" value="cz"/>
        <input type="image" width="100" height="100" src="805591.jpg"/>
        
        
        <input type="radio" name="hu" value="n" checked="checked"/>男
        <input type="radio" name="hu" value="n"/>女

       <input type="checkbox" name="b" value="w"/>玩
       <input type="checkbox" name="b" value="k"/>看电视
       <input type="file"/>
       
       <select name="mz">
       <option value="h00" selected="selected">汉族</option>
       <option value="l000">黎族</option>
       <option value="h000">回族</option>
       <option value="z000">藏族</option>
       
       
       </select>
       
       
       

         

     </form>


</body>
</html>

　　

posted @ 2016-11-26 22:22  心若微漪  阅读(142)  评论(0)    收藏  举报