zoukankan      html  css  js  c++  java
  • HTML5-表单的创建

    <!-- 文本-->, <!-- 复选框-->,<!-- 单选按钮-->,

    <!-- 下拉菜单,select:选择,option:选项-->

    <!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->

    <!-- textarea:文本域,cols:列,rows:行-->


    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
        <form>
            用户名:
            <input type="text">
            <br/>
            密  码:
            <input type="password" ">
            <!-- 文本-->
            <br/>
            你喜欢的水果有?
            <br/>
            苹果<input type="checkbox">
            西红柿<input type="checkbox">
            香蕉<input type="checkbox">
            鸭梨<input type="checkbox">
            <!-- 复选框-->
            <br/>
            请选择你的性别:
            <br/>
            男:<input type="radio" name="sex">
            女:<input type="radio" name="sex">
            <!-- 单选按钮-->
            <br/>
            请选择你常用的网站:
            <!-- 下拉菜单,select:选择,option:选项-->
            <select>
                <option>www.jikexueyuan.com</option>
                <option>www.baidu.com</option>
                <option>www.googl.com</option>
                <option>www.qq.com</option>
                <option>www.yy.com</option>
            </select>
            <br/>
            <!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->
            <input type="button" value="按钮!">
            <input type="submit" value="提交.">
    
        </form>
        <!-- textarea:文本域,cols:列,rows:行-->
        <textarea cols="30" rows="30">请在此填写个人信息:</textarea>
    </body>
    </html>
  • 相关阅读:
    Spark入门实战系列--1.Spark及其生态圈简介
    理解JavaScript的原型链
    为什么overflow:hidden能达到清除浮动的目的?
    JavaScript中为什么需要!!?
    CSS品控与流程
    CSS高级特效(下)
    CSS高级特效(上)
    CSS变化、过渡与动画
    CSS表单与数据表(下)
    CSS表单与数据表(上)
  • 原文地址:https://www.cnblogs.com/wintuzi/p/4399608.html
Copyright © 2011-2022 走看看