html+input+time不带秒,HTML Input Time autocomplete用法及代码示例

HTML DOM中的“输入时间自动完成”属性用于设置或返回“输入时间”字段的“自动完成”属性的值。自动完成属性用于指定自动完成属性具有“on”值还是“off”值。当autocomplete属性设置为on时,浏览器将根据用户之前输入的内容自动完成值。

用法:

它返回输入时间自动完成属性。timeObject.autocomplete

它用于设置输入时间自动完成属性。timeObject.autocomplete = "on|off"

属性值:它包含下面列出的两个值:

on:它是默认值。它会自动完成值。

off:它定义了用户应填写URL输入字段的值。它不会自动完成值。

返回值:它返回一个表示自动完成状态的字符串值。

示例1:本示例说明如何返回“输入时间”自动完成属性。

DOM Input Time autocomplete Property

GeeksForGeeks

DOM Input Time autocomplete Property

Enter time

value="18:00" placeholder="Enter time"

step="5" min="16:00" max="22:00:"

autocomplete="on">

Click

"font-size:24px;color:green'">

function geeks() {

var link = document.getElementById

("gfg").autocomplete;

document.getElementById(

"GFG").innerHTML = link;

}

输出:

在单击按钮之前:

5284d61e0e1c480618ba796dad65e948.png

单击按钮后:

5645b4bc421686526aa095252478ccfb.png

范例2:本示例说明了如何设置“输入时间”自动完成属性。

DOM Input Time autocomplete Property

GeeksForGeeks

DOM Input Time autocomplete Property

Enter time

value="18:00" placeholder="Enter time"

step="5" min="16:00" max="22:00"

autocomplete="on">

Click

"font-size:24px;color:green'">

function geeks() {

var link = document.getElementById(

"gfg").autocomplete="off";

document.getElementById("GFG").innerHTML

= "The value was changed to " + link;

}

输出:

在单击按钮之前:

5284d61e0e1c480618ba796dad65e948.png

单击按钮后:

d89ef04e2eb0e97d71d4112af39c96c8.png

支持的浏览器:下面列出了DOM Input Time autocomplete属性支持的浏览器:

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTMLinput标签是一个非常常用的表单元素,它可以让用户输入各种各样的信息,例如文本、密码、日期、时间等等。以下是input标签的用法详解: 1. type属性:指定输入框的类型。常用的有: - text:普通文本输入框 - password:密码输入框 - checkbox:复选框 - radio:单选框 - file:文件上传框 - date:日期选择框 - time时间选择框 - email:邮箱输入框 - tel:电话号码输入框 - url:URL输入框 2. name属性:指定输入框的名称,方便后台处理。 3. value属性:指定输入框的初始值。 4. placeholder属性:输入框中的提示文本,当用户未输入内容时会显示。 5. required属性:是否必填,若为true,则输入框不能为空。 6. disabled属性:是否禁用输入框。 7. readonly属性:输入框只读,不能编辑。 8. size属性:输入框的宽度,可以设置为具体的像素值或者字符数。 9. maxlength属性:输入框的最大长度。 10. autocomplete属性:输入框的自动补全功能,可以设置为on或者off。 11. pattern属性:输入框的正则表达式,用于限制输入的内容格式。 12. autofocus属性:输入框自动聚焦。 13. form属性:指定输入框所属的表单。 示例代码: ``` <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入用户名" required> <label for="password">密码:</label> <input type="password" id="password" name="password" placeholder="请输入密码" required> <label for="email">邮箱:</label> <input type="email" id="email" name="email" placeholder="请输入邮箱" required> <label for="phone">电话:</label> <input type="tel" id="phone" name="phone" placeholder="请输入电话号码"> <label for="date">日期:</label> <input type="date" id="date" name="date"> <label for="time">时间:</label> <input type="time" id="time" name="time"> <label for="file">上传文件:</label> <input type="file" id="file" name="file"> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值