Loading [MathJax]/jax/input/TeX/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML表单输入标题样式

问HTML表单输入标题样式
EN

Stack Overflow用户

提问于 2016-08-14 07:45:40

回答 1查看 666关注 0票数 0

我正在为我的网站制作一个表格，我需要一些工具提示在我的输入字段，解释用户应该在该领域键入什么。我已经研究过如何为title属性设置样式，以及使用"span“和其他标记的几种方式，但似乎没有什么效果。有些方法处理文本，但没有一种方法处理输入字段。

有什么方法可以在输入字段上制作这样的工具提示吗？越简单越好。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-14 08:24:38

有几种方法可以做到这一点，例如Jquery提供了一种这样的方法(https://jqueryui.com/tooltip/ )

或者您可以使用a作为工具提示，并通过js在悬停(或任何时候)时触发它，下面的例子是: Eric的这个例子非常类似。

要在悬停时显示工具提示，您需要做的基本工作是：

将标签样式显示在任何您想要的地方(这将是您的工具箱)
定义一个. is -active类，如果标签未附加到窗体输入，该类将隐藏它。
在悬停时触发类，例如 $(".form").mouseenter( handlerIn ).mouseleave( handlerOut )；函数handlerIn () { this.addClass("is-active")；}函数handlerOut () { this.removeClass("is-active")；}

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38943855

复制

相关文章

【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )

html5 input 表单手机搜索

一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; <input type="email" /> URL 输入表单 : 只能输入网址 , 格式错误会在对话框中报错 ; <input type="url" /> 日期输入表单 : 右侧的下拉菜单选择日期 ; 如果在手机中打开 , 会弹出手机中自带的日期选择对话框 ; <input type="date" /> 时间输入表

韩曙亮

2023/04/24

3.5K0

【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )

HTML 表单和输入

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

用户8442333

2021/08/21

2.1K0

表单常用的控件有哪些_html表单控件样式修改

java javascript 编程算法 https 网络安全

　　readonly属性规定输入字段为只读（不能修改）； readonly属性不需要值，它等同于readonly=“readonly”。

全栈程序员站长

2022/09/20

4K0

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

html 表单浏览器数据搜索

描述: 表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,其包含文本框、文本域(textarea)、按钮、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等元素都要放在form标签里面或者进行form的id值的调用，否则提交的数据到不了后端。

全栈工程师修炼指南

2023/03/21

4.8K0

<h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3>

用户8442333

2021/08/21

2.4K0

请确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

用户6884826

2021/07/07

1.9K0

【HTML】HTML 表单 ⑤ ( form 表单域 )

html form 表单服务器语法

从 input 表单 , textarea 文本域 , select 下拉菜单中收集了用户信息 , 需要通过

韩曙亮

2023/03/30

4.2K0

【HTML】HTML 表单 ⑤ ( form 表单域 )

富文本框_html表单输入框对齐

https java actionscript 网络安全 html

<tr id=”illegal”> <th></th> <td colspan=”3″ style=”width:85%”> <textarea id=”illegaleditor” name=”report.illegal” style=”width:98%;height:250px;”> </textarea> </td> </tr>

全栈程序员站长

2022/09/20

4.6K0

创建一个表单 HTML中表单的创建使用<form>标签（双标签） <form method="post" action="index.html"></form> method="post" 指的是表单提交方式，常用值 get | post get：速度较快，但不安全。传输的文本较少；提交的内容会在提交表单之后显示在浏览器的地址栏；不适合密码之类的传输； post：速度慢，但是安全。与get相反。适合用于注册表单、登录表单之类的传输。 action="index.html"指的是表单提交成功后要跳转的页面。

全栈开发日记

2022/05/12

2.6K0

HTML（表单）

get：速度较快，但不安全。传输的文本较少；提交的内容会在提交表单之后显示在浏览器的地址栏；不适合密码之类的传输；

全栈开发日记

2022/05/12

2.7K0

HTML 表单 <form method="post" action=" "> <label for=" " >用户名</label> <input type="text" name=" " id=" " value=" "> </input> </form> input 类型 text password 单选框 radio name 属性一致复选框 checkbox name 属性一致下拉列表框 <select> <option></option> </select> 下拉列表框多选 <sele

康怀帅

2018/02/28

3.1K0

html 网站 http php

这个元素正式定义了一个表单，就像<div>和<p>标签，它是一个容器元素，但它也支持一些特定的属性来配置表单的行为方式。它的所有属性都是可选的，但实践中最好至少要设置action属性和method属性。

HammerZe

2022/03/25

4.2K0

html 表单表单验证服务器语法

一、表单语法<form method="post" action="result.html"><p> 名字：<input name="name" type="text" > </p><p> 密码：<input name="pass" type="password" > </p><p><input type="submit" name="Button" value="提交"/><input type="reset" name="Reset" value="重填“/> </p></form>二、表单元

久绊A

2023/03/24

3.8K0

表单标签共有4个：<input>、<textarea>、<select>和<option>。其中<select>和<option>是配合使用的。

Qwe7

2022/05/17

2.7K0

bootstrap 表单常用样式

https html c++网络安全 node.js

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

用户5760343

2022/01/10

8970

bootstrap 表单常用样式

html表单提交_html表单标签有哪些

action get post web服务器表单

name属性设置表单元素的名称，该名称是提交数据时的参数名 value属性设置表单元素的值，该值是提交数据时参数名所对应的值

全栈程序员站长

2022/11/09

3K0

html表单提交

1、只能为input、textarea、select三类类型的标签。只有这些标签用户才可能修改值，<label>、<p>、<font>等标签仅供显示用，没有提交到服务器的必要。当input=submit的时候，只有被点击的按钮的value才会被提交；

tandaxia

2018/09/27

5.7K0

如何创建HTML表单?html表单代码怎么写[通俗易懂]

html java https http 网络安全

html表单代码是什么？如何创建HTML表单？这些对于新手会感到陌生，下面我们为你总结一下html表单代码怎么写？以及html表单的创建？

全栈程序员站长

2022/09/22

6.9K0

python tkinter输入表单

""" use StringVar variables lay out by columns: this might not align horizontally everywhere (see entry2) """

用户5760343

2022/05/13

1.2K0

wordpress美化-文章标题样式美化

找到当前主题的标题样式，然后去主题样式文件修改。（一般在主题根目录style.css）

AlexTao

2019/12/13

3.7K0

wordpress美化-文章标题样式美化

相似问题

HTML简单表单文本输入样式

22

从表单输入更改HTML文档标题

344

HTML标题属性样式

11

使用常规HTML输入表单而不是Bootstrap样式

20

下拉列表悬停时的Html输入表单样式

113

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例