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

`

zlpx

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

最近访客更多访客>>

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
浏览 4246
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

关于html标签的应用: 本文将深入探讨几个关键的HTML标签及其应用方式，帮助读者更好地理解和掌握这些标签的含义与用途。 #### 一、基本标签与结构 1. **`<div>`**：`<div>` 是一个容器标签，用于分组其他HTML元素或添加样式。结合CSS...

第6讲：MUI-HTML5前端框架MUI - dialog对话框、ipnut (表单).docx: MUI 是一款专为移动设备优化的 HTML5 前端框架，它提供了一系列丰富的 UI 组件，包括 dialog 对话框和 input 表单元素，使得开发者可以快速构建具有原生应用体验的 Web 应用。本篇将详细介绍 MUI 中的 dialog 对话框...

web前端工程狮 HTML 笔记: 表单()用于收集用户输入，常见的表单元素有<input>（输入框）、（下拉选择）、<textarea>（多行文本输入）和（按钮）等。例如： ```html 用户名： <input type="text" id="username" name="username"> ...

layui prompt 设置允许空白提交的方法: 如上是 Layui 的一个 prompt 框，当 textarea 内容为空时，点击“确定”不会产生任何效果。...以上这篇layui prompt 设置允许空白提交的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支

html标签总结: ### HTML标签总结 #### 文档类型定义：`<!DOCTYPE>` - **作用**：定义文档类型。此标签告诉浏览器文档遵循哪种HTML版本的标准。 - **示例**：`<!DOCTYPE html>`，表明这是一个HTML5文档。 #### 注释：`` - ...

html网页特效-百例: 7. **多媒体（Multimedia）**：HTML5引入了`<audio>`和`<video>`标签，使得在网页中嵌入音频和视频变得简单。配合CSS和JavaScript，可以实现自动播放、暂停、进度控制等多媒体交互功能。 8. **系统（System）**：在...

第6讲：MUI-HTML5前端框架MUI - dialog对话框、ipnut (表单).pdf: - **基本样式**：MUI中，所有包含在`.mui-input-row`类内的`input`、`textarea`等元素，其宽度默认为100%。通过将`label`元素和这些控件包裹在`.mui-input-group`中，可以实现更好的排列效果。例如： ```html ...

可复用的HTML反馈表单: 反馈表单通常包含输入字段如文本框（`<input type="text">`）、电子邮件字段（`<input type="email">`）、多行文本区域（`<textarea>`）、下拉选择（`<select>`）、复选框（`<input type="checkbox">`）和单选按钮...

layer.prompt使文本框为空的情况下也能点击确定的方法: layer.prompt方法是layui框架...以上所述的知识点和代码示例，能够让开发者更好地理解和应用layer.prompt，以及如何在文本框为空的情况下也能够让点击确定按钮有所响应，从而在实际开发中提升用户体验和程序的灵活性。

javascript大集合: 它最初由网景公司在1995年推出，旨在为网页增加交互性和动态特性。 **第一节：什么是JavaScript** - **定义**：JavaScript是一种轻量级解释型或即时编译型的编程语言，用于增强HTML文档的功能。 - **用途**： - ...

移动互联应用开发复习提纲，复习必备: * 表单标签：、<input>、<textarea>、 * 链接标签：二、CSS基础知识 CSS（Cascading Style Sheets）是一种样式语言，用来描述网页的样式和布局。CSS可以对HTML元素进行样式修改，例如改变字体、颜色、背景图片等...

HTML语言剖析之HTML标记一览: 5. **`<pre>`**：预格式化文本标记，保留空格和换行符。 - 示例：`保留空格和换行符的文本</pre>` 6. **`<div>`**：通用容器标记，用于组合其他HTML元素并应用CSS样式。 - 示例：`;">红色文本</div>` 7. **`...

j2ee面试题及答案全: 4. **HTML表单**：`<form>`元素用于创建表单，其中包含各种输入控件，如文本框 (`<input type="text">`)、文本区域 (`<textarea>`)、按钮 (`<button>`), 复选框 (`<input type="checkbox">`)、单选按钮 (`<input ...

asp.net 输入对话框和消息对话框源码: 1. HTML表单：HTML表单是最基础的输入方式，通过`<form>`标签和各种输入元素（如`<input>`, `<textarea>`, `<select>`等）可以创建用户输入界面。提交表单时，数据会发送到服务器，然后服务器端的ASP.NET代码（通常...

JavaScript网络课.pdf: `<textarea>`标签用于创建多行文本输入框，而`<input type="text">`创建单行文本输入框，`<input type="radio">`用于创建单选按钮。 HTML文本显示状态代码中，`<SUP>`标签用于使文本上标，`<SUB>`用于下标，`<B>`或...

JavaScript基础教程: - **表单**：使用`<form>`标签来创建表单，其中可以包含各种输入元素如`<input>`、`<textarea>`等。 **1.10 `<meta>`标记**：用于提供有关HTML文档的元数据，如描述、关键词等。 #### 二、CSS样式表 **2.1 CSS...

基于JavaScript的表单验证.zip: 在表单验证中，HTML用于创建表单元素，如`<form>`、`<input>`、`<textarea>`等，这些元素允许用户输入数据。`<form>`标签定义了表单，`<input>`则定义了用户输入的字段，可以设置`type`属性以定义输入类型，如文本、...

Global site tag (gtag.js) - Google Analytics