表单

<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>

posted on 2019-01-05 15:54  wjwprivate  阅读(133)  评论(0)    收藏  举报