位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > input placeholder 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: input pattern 属性 下一篇: input required 属性

placeholder 属性提供一种提示(hint),描述输入域所期待的值。

简短的提示在用户输入值前会显示在输入域上。

注意:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password

示例

小白教程网www.2d5.net

:input 字段提示文本

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>input placeholder 属性</title>

</head>

<body>

    

     <form action="demo-form.php">

       <input type="text" name="fname" placeholder="First name"><br>

       <input type="text" name="lname" placeholder="Last name"><br>

       <input type="submit" value="提交">

     </form>

 

     <p><strong>注意:</strong> Internet Explorer 9及更早 IE 版本不支持 input 标签的 placeholder 属性。</p>

    

</body>

</html>

效果如图9-21、图9-22

image.png


上一篇: input pattern 属性 下一篇: input required 属性
毕业设计网             广告联系QQ:45157718(微信同号)