首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

常用的表单元素有哪些_h5新增的表单元素属性

今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。 表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。...表单元素是页面中不可缺少的元素,在最新的H5中,表单元素也新增了一些属性,在页面构建中发挥了重要的作用。一般来说,表单包含如下几个部分: 1. 提示信息:表单中包含的说明性文字 2....表单控件:包含了具体的表单功能项 3. 表单域:容纳所有表单控件和提示信息 常用的表单元素,包括: 1. form: 定义供用户输入的表单。 2. fieldset: 定义域。...接下来是对这些表单元素的具体分析。...在最新的html5中,有一些表单的新增属性,多用于js,如 datalist : 定义填写一个input时,提示几个option用于提示。可通过input的list特性与此元素作关联。

3.3K30

js 实现元素拖拽

概述 js 实现拖拽,主要使用元素的 onmousedown、onmousemove、onmouseup 三个事件实现。...1、onmousedown:鼠标按下事件 2、onmousemove:鼠标移动事件 3、onmouseup:鼠标抬起事件 实现思路 我们当左键点击时,需要记录当前的鼠标点击位置相对于该元素左上角的x,y...坐标,这里我们使用diffX和diffY来表示 然后我们移动时需要不断计算当前元素距离浏览器左边和上边的距离; 同时给元素进行赋值; 当鼠标抬起时,取消鼠标移动事件和鼠标抬起事件。...id="drag"> window.onload = function () { //获取drag元素...clientX 和 clientY 默认是以元素左上角位置来计算的,这里需要向左向上同时减去鼠标点击的位置差,从而可以保证鼠标始终显示在拖拽元素时的位置

9.1K30

6.HTML输入表单标签元素介绍

[TOC] 0x00 前言简述 本章将主要给各位看友介绍表单form中常用的标签元素属性,本节标签一览如下所示: : 定义供用户输入的 HTML 表单。... : 定义围绕表单元素的边框。 : 定义 fieldset 元素的标题。 HTML5 : 定义下拉列表。...HTML5 中不支持 0x00 表单标签元素 form 标签 描述: 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框...属性: for : 即和 label 元素在同一文档中的 可关联标签的元素 的 id form : 表示与 label 元素关联的 form 元素(即它的表单拥有者)。 示例: CSS <input type="checkbox" name="vehicle" value="<em>JS</em>

4.4K10
领券