码迷,mamicode.com
首页 > 其他好文 > 详细

form表单

时间:2019-01-05 16:33:41      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:--   input   method   doc   NPU   col   value   zha   职业   

<form> 标签用于为用户输入创建 HTML 表单

<form>中多种作用的input框,可实现文本输入、复选框、单选框、提交按钮等功能

<form>
名:<input type="text" name="firstname">

</form>

复选框

<input type="checkbox" >

下拉列表

<form>
<select name="cars">

</select>
</form>

按钮

<form>
<input type="button" value="Hello world!">
</form>

文本域
<textarea rows="" cols="">

联合实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>                    
        <form action="地址" method="get"> <!--get显示传输内容-->      
            确定:<input type="submit" value="提示文字"/><!--确定-->
            取消:<input type="reset"  value="重置文字" /><!--取消<--><br /></-->
            账号:<input placeholder="请输入" type="text" name="zhanghao" value="" /><br />
            密码:<input type="password" name="nima" value=""/><br />
            学生:<input type="checkbox" name="banji" value="yi"/>  <!--多选按钮-->
            自由职业者:<input type="checkbox" name="banji" value="er"/>
            <select autocomplete="off" name="xiala">  <!--下拉标签-->
                <option value="1">学生</option>
                <option value="2">自由职业者</option>
            </select> <br />
            文本域:
            <textarea name="wenben" rows="" cols="">文本域</textarea>
        </form>
    </body>
</html>

form表单

标签:--   input   method   doc   NPU   col   value   zha   职业   

原文地址:https://www.cnblogs.com/wjwap/p/10224828.html

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