zoukankan      html  css  js  c++  java
  • html <input>

    <input>为html中的输入框
    在html5中加入了新的input类型

    html:

    <input type="text">  普通输入框

    <input type="textarea">  大文本输入框

    <input type="password">  与text一样,只不过输入的内容会用圆点或者星号隐藏
    <input type="submit" value="Submit"> 提交表单能容,与<form></form>联用,value是显示在提交按钮上的文字

    <input type="radio" name="sex" value="male" checked>Male 单选,name一样的中只能选其中之一 <br> <input type="radio" name="sex" value="female">Female

    <input type="checkbox" name="vehicle" value="Bike">I have a bike 复选 <br> <input type="checkbox" name="vehicle" value="Car">I have a car

    <input type="button" onclick="alert('Hello World!')" value="Click Me!"> 按钮,onclick是点击后的时间响应,可以跟function: onclick="hello()" javascript里:function hello(){alert('Hello World!');}

    html5:

    <input type="email" name="user_email" /> email验证,只能输入email

    <input type="url" name="user_url" /> url验证,只能输入url

    <input type="number"name="points" step="3" min="1" max="11" /> 数字验证,最小1,最大不超过11,间隔为3则只能输入1,4,7,10

    <input type="range" name="points" step="3" min="1" max="11" /> 显示为最小为1,最大不超过11,间隔为3的滑动条,只能选择1,4,7,10,滑动条最右端为11,所以不能拉到最后。

    HTML5 拥有多个可供选取日期和时间的新输入类型:

    • date - 选取日、月、年   <input type="date" name="user_date" /> 

    • month - 选取月、年

    • week - 选取周和年

    • time - 选取时间(小时和分钟)

    • datetime - 选取时间、日、月、年(UTC 时间)  似乎有问题- -,我的浏览器无效

    • datetime-local - 选取时间、日、月、年(本地时间)

     

  • 相关阅读:
    计算机 ------- 网络基础
    设计模式------单例模式
    svn 客户端查看用户名和密码
    Docker:DockerFile(DockerFile解析)
    Docker:容器数据卷(命令方式、DockerFile方式)
    SpringBoot再总结
    Docker:镜像(镜像原理)
    Docker:Docker命令(帮助命令、镜像命令、容器命令)
    Docker(Docker的概念与安装)
    ZooKeeper:zookeeper的常用命令(节点的新增、更新、删除)
  • 原文地址:https://www.cnblogs.com/clamp7724/p/11155524.html
Copyright © 2011-2022 走看看