C/C++教程

【九月打卡】第2天 placeholder属性

本文主要是介绍【九月打卡】第2天 placeholder属性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:6-3给点提示呗 - placeholder属性的使用

主讲老师:五月的夏天

课程内容:

本次课程内容为input标签中占位符placeholder属性,有时候需要提示用户输入框需要输入框的内容,那么就会用到我们的占位符,比如下面的效果:

https://img3.sycdn.imooc.com/63169db50001380b06650228.jpg

想要实现这样的效果,只需要输入以下代码:

https://img4.sycdn.imooc.com/63169dac0001828218200770.jpg

技术点的解释:

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

3、占位符内容不是输入框真正的内容。

示例代码:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>input-placeholder</title>

</head>

<body>

    <input type="text" placeholder="让我看看是谁还没学完">

    <input type="password" placeholder="原来是我自己">

</body>

</html>

课程收获:

本次课程讲述了占位符的使用方法以及占位符的用处,通过本次的学习懂得在以后的代码编辑中写占位符代码。

https://img1.sycdn.imooc.com/63169da30001108303350100.jpg


这篇关于【九月打卡】第2天 placeholder属性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!