码迷,mamicode.com
首页 > Web开发 > 详细

【2018-01-22】HTML-表单及表单元素

时间:2018-01-23 00:51:45      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:重置   color   文件选择   type   log   下拉框   下拉   用户   ace   

<body>
    <!--表单-->
    <form action="" method="post">
        <!--文本类-->
        <input type="text" value="" placeholder="请输入用户名"/><!--文本框-->
        <input type="password" value="默认文字"/><!--密码框-->
        <textarea>默认文字</textarea><!--文本域-->
        <input type="hidden" value="默认文字"/><!--隐藏域-->
        <br /><br />

        <!--按钮类-->
        <input type="button" value="确定"/><!--普通按钮-->
        <input type="submit"  /><!--提交按钮-->
        <input type="reset" /><!--重置按钮-->
        <input type="image" src="aaa/0019.jpg"/><!--图片按钮,效果同提交按钮-->
        <input type="file" /><!--上传按钮-->
        <br /><br />

        <!--选择类-->
        <input type="radio" name="sex" checked="checked" id="nan" value="1"/><!--单选按钮-->
        <label for="nan"></label>
        <input type="radio" name="sex" id="nv" value="0"/>
        <label for="nv"><img src="aaa/women.png"/></label>
        <br />
        <input type="checkbox" name="bao" id="bao1" value="1"/><!--多选按钮-->
        <label for="bao1">香辣鸡腿堡</label>
        <input type="checkbox" name="bao" value="2"/>劲脆鸡腿堡
        <input type="checkbox" name="bao" value="3"/>深海鳗鱼堡
        <input type="checkbox" name="bao" value="4"/>新奥尔良鸡腿堡
        <input type="checkbox" name="bao" value="5"/>半鸡半虾堡
        <br />
        <select><!--下拉框-->
            <option value="001">小学</option>
            <option value="002">初中</option>
            <option value="003">高中</option>
            <option value="004">专科</option>
            <option value="005">本科</option>
        </select>
        <br />
        
    </form>
</body>

表单:
<form action="" method="get/post" >
<input type="text"/>
....
</form>

表单元素:12个

文本类
<input type="text" value=""/> - 文本框
<input type="password" value=""/>- 密码框
<textarea></textarea> - 文本域
<input type="hidden"/> - 隐藏域

按钮类
button - 普通按钮
submit - 提交按钮
reset - 重置按钮
image - 图片按钮 = 提交按钮

选择类
radio - 单选按钮

checkbox - 复选按钮

<select> - 下拉列表
<option></option>
</select>

file - 文件选择

【2018-01-22】HTML-表单及表单元素

标签:重置   color   文件选择   type   log   下拉框   下拉   用户   ace   

原文地址:https://www.cnblogs.com/zqyyx/p/8331474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!