• 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 - 选取时间、日、月、年(本地时间)

     

  • 相关阅读:
    高亮表格行或列
    点击表格获取表格行或列索引
    文本框仅可接收decimal
    实现表格自动计算
    实现一个超简单的开关
    Nginx反向代理中proxy_set_header参数说明
    两个目录中,删除其中一个目录中同名文件的做法
    监控某个目录是否被更改
    centos下升级git版本的操作记录
    linux下core file size设置笔记
  • 原文地址:https://www.cnblogs.com/clamp7724/p/11155524.html
Copyright © 2020-2023  润新知