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

web前端 html基础2

时间:2017-08-01 20:34:19      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:inpu   style   --   res   前端   set   bsp   js使用   log   

表单标签<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>

 

web前端 html基础2

标签:inpu   style   --   res   前端   set   bsp   js使用   log   

原文地址:http://www.cnblogs.com/lucaq/p/7270302.html

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