web前端 html基础2

表单标签<form></form>

input系列标签　

　　text 文本输入框

　　placeholder 默认的属性，输入时消失

　　password 密码输入框

　　radio 单选框

　　checkbox 多选框

　　submit 提交按钮

　　button 按钮(需要配合js使用.) button和submit的区别？

　　file 提交文件：form表单需要加上属性enctype="multipart/form-data"

select标签

textarea多行文本框

label标签

fieldset标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
</head>
<body>

<h2>注册页面</h2>

<form action="/index/" method="post">

    <p>
        　　  <label for=“user”>用户：</label>   　　　　<!--label标签的作用，跟下面的“密码：”一样-->
        <input type="text" name="user" value="egon">
    </p>
    <p>密码：<input type="password" name="pwd" value="123"></p>
    <p>爱好：<input type="checkbox" name="hobby" value="bastball">篮球
            <input type="checkbox" name="hobby" value="football" checked="checked">足球　　<!--checked="checked" 默认-->
            <input type="checkbox" name="hobby" value="pingpang">乒乓球
    </p>
    <p>性别：
        <input type="radio" name="sex" value="1" checked="checked">男
        <input type="radio" name="sex" value="0">女
    </p>
    <p>
        <select name="籍贯">
            <option value="hebei" selected="selected">河北省</option>　　<!--selected="selected" 默认-->
            <option value="hebei" >河南省</option>
            <option value="hebei">湖南省</option>
            <option value="hebei">湖北省</option>
        </select>
    </p>
    <p>
        <input type="reset">
    </p>
    <p>
        <input type="button" value="按钮">
    </p>
    <p>
        <input type="file">
    </p>

    <fieldset>
        <legend>登录吧</legend>
        <input type="text">
    </fieldset>


    <input type="submit" value="提交">

</form>

</body>
</html>

 

posted on 2017-08-01 19:38  lucaq  阅读(198)  评论(0)  编辑  收藏  举报

导航