Html-表单元素

表单的标记<form></form>  

属性：

　　name：表单的名字

　　action=“url” 提交地址

　　method 提交的方式

　　　　get

　　　　post

　　target 在什么位置打开

常用的表单元素

　　1.<input type="#" name="">:

　　　　　　text：文本框

　　　　　　password：密码框

　　　　　　radio：单选框

　　　　　　checkbox：复选框

　　　　　　file：文件域

　　　　　　submit：提交按钮

　　　　　　reset：重置按钮

　　　　　　button：普通按钮

　　　　　　image：图像域按钮

　　　　　　hidden：隐藏域　　

 

text文本框

　　<input type="text" value="你好" >

　　输入的类型             初始值

　　placehold=字体变虚且可直接输入

<form action="sss" name="form1" method="get">
    <input type="text"  value="admin" placeholder="请输入用户名" name="login" >
    <input type="password" value="123456" placeholder="请输入密码" name="pwd">
    <input type="submit" value="提交">

</form>

password密码框

　　属性：

　　　　type   表单对象类型

　　　　如：<input type="password">

radio单选框

　　属性：

　　　　name   文本字段的名称（不可缺少）

　　　　checked   默认选中

　　<input type="radio" name="sex" checked=“true”>男

　　输入类型                    name为同一组为sex    checked可以写=“true” 也可以不写

 　单选同一组不可以设置不同的名称

   <!--当name相同的时候为同一组，如果点击男女就不选中，不在一个组的时候都可以选中-->
　　 <input type="radio" name="性别" checked>男
    <input type="radio" name="性别">女

checkbox复选框

　　属性：

　　　　　　type：表单对象类型

　　　　　　checked：默认选中

    <input type="checkbox" checked >上网<input type="checkbox">游戏<input type="checkbox">电玩

file 文件域

　　<input type="file">  浏览或上传文件的控件

    <input type="file" >

下拉菜单

　　<select>

　　　　<option>请选择您的学历</option>

　　　　<option selected> 高中</option>

　　</select>

　　mulitple多选属性

　　　　

<!--在select标签中加上Mulitiple就表示是多选项按住ctrl多选-->
    <select multiple>
        <option selected>请选择您的学历</option>
        <option  >高中</option>
        <option >大学</option>
    </select>

textarea 文本域（多行文本框）

　　属性：

　　　　cols：列数

　　　　rows：行数

四中按钮

　　提交、重置

    <input type="submit" value="提交" >
    <input type="reset" value="重置" >

普通按钮、图像域

        <input type="button" value="确定">
        <input type="image" src="fengj.jpg">  图像按钮

label文本标签

　　<lable>用户名：</label>