`

HTML5的placeHolder不支持双引号的解决办法

阅读更多

HTML5的placeHolder简介

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

如下图形式



 

代码块

<div class="row">
    <div class="control-group">
        <label class="control-label" style="width: 90px;">
            <s>*</s>
            防火墙:
        </label>
        <div class="controls">
            <input type="text" id="iptbs" name="iptbs"
                placeholder="多个IP请用英文“,”分隔,同时支持CIDR IP格式" class="control-text"
                    data-rules="{required:true}" style="width: 300px;" />
        </div>
    </div>
</div>

临时解决办法

为了达到效果,可以使用中文双引号代替英文双引号,来解决此问题。
更专业的解决办法,这种办法我未使用:placeHolder broken when value contains double quote

  • 大小: 5.5 KB
0
0
分享到:
评论

相关推荐

    html5基础教程常用技巧整理

    HTML5允许开发者在标签中省略双引号,尽管出于代码规范和清晰度的考虑,大多数开发者仍然选择保留它们。然而,在某些情况下,省略双引号能够使得标签的属性更加简洁。 6. 使网页内容可编辑 HTML5通过赋予、、等标签...

    关于HTML5的22个初级技巧(图文教程)

    5. **双引号的使用**:在HTML5中,标签属性值可以不使用双引号,但这主要是个人喜好问题。保持一致性并使用双引号可以提高代码可读性。 6. **使网页内容可编辑**:通过使用`contenteditable`属性,可以将任何HTML...

    初学者必知的HTML 5入门级技巧

    HTML 5中允许开发者在某些情况下省略属性值的双引号,但这并不意味着一定要这么做。根据个人偏好选择是否使用双引号,如: ```html 开始启动反应堆。 ``` 虽然这种写法是允许的,但为了保持代码的一致性和清晰度,...

    html5入门技巧

    5. **标签引用的引号可选**:HTML5允许省略元素属性值的引号,但这并不是强制的,根据个人编码风格选择是否使用双引号,如`&lt;h6 id="someid" class="myclass"&gt;`。 6. **可编辑内容(contenteditable)**:HTML5引入...

    HTML5的初级技巧.doc

    - **灵活性**:在HTML5中,对于属性值,可以使用双引号,也可以不使用。这取决于个人偏好。 - **示例**: ```html 启动反应堆。 启动反应堆。 ``` #### 6. 可编辑的网页内容 - **`contenteditable`属性**:允许...

    前端代码规范文档,js,css,html等

    1.2.5 引号使用:使用双引号 (" ") 而不是单引号 (’ ') 。 CSS 规范 1.3.1 命名类名:使用小写字母,以中划线分隔;id 采用驼峰式命名;scss 中的变量、函数、混合、placeholder 采用驼峰式命名。 1.3.2 选择器...

    简单整理HTML5的基本特性和语法

    - **属性的双引号可选**:属性值可以不包裹在双引号内。 - **属性值可选**:某些情况下,属性值可以省略。 - **闭合空元素可选**:像这样的空元素,可以不闭合,但推荐使用自闭合的形式,如。 此外,HTML5的DOCTYPE...

    1+X认证Web前端开发初级模拟试题及答案6套.docx

    表示双引号 " - B. &copy; 表示版权符号 © - D. &nbsp; 表示不换行空格 ### 文件路径理解 文件路径是指文件在网络或本地文件系统中的位置,主要包括相对路径和绝对路径两种类型: - A. “../”表示返回当前目录的...

    前端代码编写规范.doc

    2. 属性值必须用双引号包围,不应使用单引号或无引号。例如,`&lt;script src="esl.js"&gt;&lt;/script&gt;`是正确的,而`&lt;script src='esl.js'&gt;&lt;/script&gt;`或`&lt;script src=esl.js&gt;&lt;/script&gt;`是错误的。 3. 属性顺序也有所规定,...

    HTML相应知识点.docx

    3. &quot:双引号的实体引用。 4. &copy:版权符号的实体引用。 三、a标签的使用 1. href:定义链接的目标地址。 2. target:定义链接在何处打开,如_self(默认,当前窗口)和_blank(新窗口)。 3. 锚点链接:...

    WEB 开发规范

    - **属性值用双引号**:属性值必须用双引号括起来,如`&lt;input type="text" /&gt;`,以防止值中包含空格导致解析错误。 8. **HTML页面元素的表单域规范** 表单设计应遵循无障碍访问(accessibility)原则,提供清晰的...

    ZukZeuk_data

    属性值通常用双引号包围,如`&lt;img src="image.jpg"&gt;`。 4. **CSS与HTML的结合** 虽然HTML负责内容的结构,但为了实现美观的布局和样式,我们需要CSS(Cascading Style Sheets)。通过使用类选择器、ID选择器或其他...

    《前端手册》

    - 属性选择器中的值必须用双引号包围。 3. **属性**: - 属性定义必须另起一行。 - 属性定义后必须以分号结尾。 4. **通用规则**: - 选择器: - 避免不必要的`id`、`class`选择器添加类型选择器。 - 选择器...

    (一)什么是vue.md

    - **动态属性拼接**: 如果需要动态拼接属性值,应在字符串外使用单引号。 **示例**: ```html &lt;!-- 动态绑定 placeholder 属性 --&gt; &lt;input type="text" v-bind:placeholder="tips"&gt; &lt;!-- 动态属性拼接 --&gt; ...

    palindrome_js

    字符串是JavaScript中的基本数据类型之一,可以通过双引号或单引号来创建。例如: ```javascript var str = "hello"; ``` 在判断回文时,我们通常会忽略空格、标点符号以及大小写。因此,我们可能需要先对输入进行...

    C#编程经验技巧宝典

    4 &lt;br&gt;0009 设置Windows应用程序启动窗体 5 &lt;br&gt;0010 设置Web应用程序起始页 5 &lt;br&gt;0011 如何设置程序的出错窗口 5 &lt;br&gt;0012 如何进行程序调试 6 &lt;br&gt;0013 如何结束不能正常运行的程序 ...

Global site tag (gtag.js) - Google Analytics