html笔记__表单标签

表单域

把表单域内的内容送回服务器

    <form action="deme.php" method="post" name="name1">
    </form>

表单控件

input输入表单元素

<form action="xxx.php" method="get">
		 <!-- input必须有type属性 -->
        <!-- text 文本框 用户可以往里面输入任何文字 -->
        <!-- maxlength最大输入字符 -->
        用户名：<input type="text" name="usrname" value="请输入用户名" maxlength="5"><br />
        <!-- password 密码框 用户看不见输入的密码 -->
        密码：<input type="password"   name="pwd"><br />
        <!-- radio单选按钮 -->
        <!-- name是表单元素名字 性别单选按钮必须要有相同的名字name 才能实现多选一 -->
        <!-- value是给后台人使用 -->
        <!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮 -->
        性别：<input type="radio"   name="sex" value="男" checked="checked">男 <input type="radio" name="sex" value="女">女<br />
        <!-- label标签绑定一个表单元素，当点击label标签内的文本的时候，就会自动转到对应的表格上，增加用户体验 -->
        性别：<input type="radio"   name="sex" value="男"  id="nan">   
            <label for="nan" >男</label>
             <input type="radio" name="sex" value="nv">女<br />

        <!-- checkbox复选框 -->
        爱好：<input type="checkbox" name="hobby" checked="checked">吃饭 <input type="checkbox"  name="hobby">睡觉<input type="checkbox" name="hobby">打豆豆<br />
        <!-- submit送给服务器 -->
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <!-- 普通按钮，后期搭配js使用 -->
        <br>
        <input type="button" value="获取验证码"><br>
        <!-- 文件域  使用场景    上传文件使用 -->
        上传头像：<input type="file">
        </form>

​#### select下拉表单元素

    <form>
    <!-- select至少包含一个option -->
    籍贯：<select>
            <option>上东</option>
            <option>上海</option>
            <!-- selected默认选定 -->
            <option selected="selected">江苏</option>
    </select>
    </form>

textarea文本域元素

    输入多行文本
    <form action="">
        留言：
        <textarea >给我留言吧！
        </textarea>
    </form>