HTML5 给input和textarea HTML标签增加 prompt - 星云互动 - ITeye博客

`

zlpx

浏览: 153624 次
性别:
来自: 北京

最近访客更多访客>>

dragonsky_w

whatl

zhangbody

xy14qg

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

f308185993： 123123[size=xx-small][color=dar ...
在HTML的text input控件获取焦点时设置背景颜色
crackajack_zg： good ，很简单的代码、
用JQuery改变图片的透明度
qq184234675：求jquery1.9+的
用JQuery改变图片的透明度
demonzoo：很奇怪，我刚试了无数次，在本地直接打开就是无法弹出提示。后来我 ...
用HTML5产生操作系统通知
demonzoo：为什么我在chrome下无法显示通知内容，无论按哪个按钮都是弹 ...
用HTML5产生操作系统通知

HTML5 给input和textarea HTML标签增加 prompt

博客分类：

HTML5

阅读更多

下面的例子展示了，如何给INPUT和TEXTAREA标签通过设置attribute。

<!DOCTYPE html>
<html>
<body>
 
    <table>
        <tr>
            <th>Username:</th>
            <td><input id="usrnm" type="email" name="username" placeholder="user@domain.com" /></td>
        </tr>
        <tr>
            <th>Password:</th>
            <td><input id="psswd" type="password" name="password" placeholder="Top secret password" /></td>
        </tr>
        <tr>
            <th>Comments:</th>
            <td><textarea id="cmmnts" cols="30" rows="5" placeholder="Comments"></textarea></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><input id="submitBtn" type="submit" value="Submit" /></td>
        </tr>
    </table>
 
</body>
</html>

源码下载：

分享到：

在JQuery中开始使用Progressbar UI小部件 | HTML5 使用fieldset 标签给元素分组

2011-10-26 12:22
浏览 4217
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

全兼容input/textarea标签的placeholder属性JS插件: 该插件完整兼容placeholder属性。插件由原生JS编写，无需任何其他插件支持，并且使用简单，只需一行JS调用即可。博客地址：http://blog.csdn.net/qq_17076445/article/details/78212240

react-input-textarea:设置 React 输入和文本区域的样式，直到占位符。将它们设置为内联样式，无需任何外部 CSS。（已停产）: var Input = require ( 'react-input-textarea' ) . Input ; var TextArea = require ( 'react-input-textarea' ) . TextArea ; var MyComponent = React . createClass ( { render : function ( ) { return ( ...

jquery复制到剪贴板（input，textarea）: 兼容ios ，html5，包含（input，textarea，div，text实例）

Vue指令你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制: Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制

flex解决textarea,input不能输入中文的方法: 解决Flex在非主应用程序中，textarea和input不能输入中文的方法。

vue结合html实时截取textarea文本: vue结合html实时截取textarea文本，获取鼠标下标，截取自定义文本，不错的demo

JavaScript获取,设置光标位置,兼容InputTextArea: JavaScript获取,设置光标位置,兼容InputTextArea

textarea框增加行号效果: 为原始的HTML页面中的textarea框加入行号，替代一些复杂的文本编辑器

textarea,textbox高亮关键字: 最近开发的时候做了textarea 高亮关键字,尝试过很多方法,比如用iframe,和编辑器替换,当然这也是一个方法,但是原来是用textbox的内容要达到兼容这两种方法是做不到的,所以这里是使用jquery插件和jquery核心文件搞的...

使用jquery给input和textarea设定ie中的focus: 这里主要说的是在IE下的focus的问题,因为在firefox中是支持代码如下:input:focus textarea:focus 在IE下:focus是无效的,所以，我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果. 我们首先来...

textarea_文本框多行下划线输入框.html: html页面实现给textarea等等的文本框内添加可动态输入文字的多行下划线，类似于打印出来的学生考试试卷答题的那种多行横线效果一样，可在页面文本框内横线输入框上随意输入文字，调用浏览器打印文本时也可完整正常的...

HTML5&CSS3网页制作：textarea元素.pptx: textarea 元素 textarea 元素 01 textarea 元素 textarea 元素 <textarea cols="每行中的字符数" rows="显示的行数"> 文本内容 </textarea> 描述 <textarea> 标记定义多行的文本输入控件。有两个比较重要的属性cols...

去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景: 去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色...

在chrome浏览器中，防止input[text]和textarea在聚焦时出现黄色边框的解决方法: 特别是input和textarea，并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能，如下图所示： input： textarea：有的时候黄色边框很影响页面效果，并且textarea拖动改变大小之后直接影响布局，所以...

textarea自适应高度标签，去除难看的滚动条: 这是一个令textarea高度自适应的插件，使用jquery 去掉令人非常讨厌的滚动条；

html中的textArea使用及实例: 讲解html中的textArea的使用及实例，辛辛苦苦搜集的

js 特效 html 特效 textarea是否自动换行: js 特效 html 特效 textarea是否自动换行

CSS样式去除input和textarea点击选中框: 取消input和textarea的聚焦边框：复制代码代码如下: input{outline:none} 取消textarea可拖动放大：复制代码代码如下: textarea{resize:none}

无滚动条Textarea自动适用高度.html: 无滚动条Textarea自动适用高度.html Textarea

Global site tag (gtag.js) - Google Analytics