HTML5表单元素

叁歲伎倆 2022-09-21 01:28 191阅读 0赞

新的表单元素：`<datalist> <keygen> <output>`  
1.datalist元素  
规定输入域的选项列表，datalist属性规定form或input域应该拥有的自动完成的功能。当用户在自动完成域中开始输出时，浏览器应该在域中显示填写的选项。  
![这里写图片描述][20160614131618024]

<form >
    <input list="browsers" name="browser">
    <datalist id="browsers">
      <option value="Internet Explorer">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
    </datalist>
    <input type="submit">
    </form>

2.keygen提供一种验证用户的可靠方法。用于表单的密钥对生成器字段。当提交表单时，会生成两个键，一个是私钥一个公钥。私钥存储于客户端，公钥被发送到服务器。公钥可用于之后验证用户的客户端证书。  
![这里写图片描述][20160614132124885]

<form>
      用户名: <input type="text" name="usr_name">
      加密: <keygen name="security">
      <input type="submit">
    </form>

3.output元素，用于不同类型的输出，比如计算或脚本输出。  
![这里写图片描述][20160614132750075]

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
    <input type="range" id="a" value="50">100
    +<input type="number" id="b" value="50">
    =<output name="x" for="a b"></output>
    </form>

[20160614131618024]: /images/20220721/ee22b00602ea44ae908dba75692b965c.png
[20160614132124885]: /images/20220721/61e2137b7cd14965ba437c5f71e7ff8a.png
[20160614132750075]: /images/20220721/0529d117faa24897843ccc6cc13b52ea.png

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML表单元素

HTML表单元素 HTML中的表单元素，可以说是整个HTML中最常用也是最重要的部分，里面包含的太多的元素，尔每一个元素中的type类型又有很多种。所以需要大家理清楚区分

向右看齐/ 2022年12月20日 11:09/ 0 赞/ 133 阅读

相关 HTML表单元素概述,HTML表单元素的简单介绍

说明：以下内容是基于w3school及饥人谷教学内容，对HTML表单元素做的简单说明。元素元素定义 HTML 表单区间，而这个区间的数据将会被提交给后台。例子：请

我不是女神ヾ/ 2022年10月10日 02:08/ 0 赞/ 185 阅读

相关 HTML5表单元素

表单元素总汇 input 表示用来收集用户输入数据的控件 textarea 表示可以输入多行文本的控件 select 表示用来提供一组固定的选项

阳光穿透心脏的1/2处/ 2022年09月24日 13:15/ 0 赞/ 189 阅读

相关 HTML5表单元素

新的表单元素：`<datalist> <keygen> <output>` 1.datalist元素规定输入域的选项列表，datalist属性规定form或input

叁歲伎倆/ 2022年09月21日 01:28/ 0 赞/ 192 阅读

相关 HTML5之表单元素的使用

<!DOCTYPE html> <meta charset=utf-8 /> <title>forms</title> <style type="text/css"

我不是女神ヾ/ 2022年09月19日 12:03/ 0 赞/ 299 阅读

相关 HTML5--使用表单外的元素

使用表单外的元素在HTML4中，`input`、`button`和其他与表单相关的元素必须放在form元素中。而在HTML5中，这条限制不复存在。现在可以将这类元素与文

迷南。/ 2022年07月17日 00:07/ 0 赞/ 212 阅读

相关 HTML5 表单元素 —— input元素

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf8"

ゝ一世哀愁。/ 2022年07月11日 17:26/ 0 赞/ 675 阅读

相关【HTML5】——表单

HTML5的作用： 1. 提供了更加强大的功能，方便开发 2. 在移动端使用对应的input类型，当用户输入的时候，可以调取出对应的虚拟键盘，方便用户快速输入 3. 相

比眉伴天荒/ 2022年06月07日 02:53/ 0 赞/ 285 阅读

相关 HTML5表单元素

一、表单控件 1.<form>元素用于生成表单，属性如下 1. action指定表单的发送地址（服务器地址） 2. method是表单数据发送至服务

深藏阁楼爱情的钟/ 2022年05月19日 22:22/ 0 赞/ 305 阅读

相关 [前端]html5表单元素整理

html5表单元素整理 <input> 元素 <select> 元素（下拉列表） <textarea> 元素（文本域） <button

水深无声/ 2022年02月16日 04:20/ 0 赞/ 292 阅读