小白求教,怎么设置input框的默认值,就是用户没输入任何东西的时候,输入框中显示的内容

当用户点击后消失

设置input的属性值value=“默认值”就可以,value 属性规定 <input> 元素的值,如果不设置值,则不显示。代码如下:

<input type="text" name="firstname" value="Mickey"><br>

<input type="text" name="lastname" value="Mouse">

效果图:

扩展资料

value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:

1、type="button", "reset", "submit" - 定义按钮上的显示的文本。

2、type="text", "password", "hidden" - 定义输入字段的初始值。

3、type="checkbox", "radio", "image" - 定义与输入相关联的值。

参考资料:W3C官网-Input标签



温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-16

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、其次,在index.html中的<body>标签中,输入html代码:<input type="text" placeholder="请输入验证码" />。

3、最后,浏览器运行index.html页面,此时input输入框会显示默认值“请输入验证码”,用户点击聚焦后会消失。

本回答被网友采纳
第2个回答  2019-07-15

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<input type="text" placeholder="点击输入姓名" />。

3、浏览器运行index.html页面,此时用户没有输入任何内容时,输入框是会显示placeholder属性的值,并且用户点击后会消失。

本回答被网友采纳
第3个回答  推荐于2018-02-23
你说的是提示内容吧
<input type="text" placeholder="请输入内容" value="" /> 这个除了IE6 IE7用不了,IE8没测试过,其他主流的浏览器都可以用
要兼容IE6IE7的话,还是用js去控制吧
第4个回答  2013-09-13
<input type="text" name="fname" value="联系人" onClick="if (this.value=='联系人'){this.value=''}"/>

value="联系人" 这个是设初始值为联系人
onClick="if (this.value=='联系人'){this.value=''}" 点击后,清空输入框

小白求教,怎么设置input框的默认值,就是用户没输入任何东西的时候,输 ...
设置input的属性值value=“默认值”就可以,value 属性规定 <input> 元素的值,如果不设置值,则不显示。代码如下:<input type="text" name="firstname" value="Mickey"><br> <input type="text" name="lastname" value="Mouse"> 效果图:...

小白求教,怎么设置input框的默认值,就是用户没输入任何东西的时候,输 ...
1、首先,打开html编辑器,新建一个html文件,例如:index.html。2、其次,在index.html中的<body>标签中,输入html代码:<input type="text" placeholder="请输入验证码" \/>。3、最后,浏览器运行index.html页面,此时input输入框会显示默认值“请输入验证码”,用户点击聚焦后会消失。

小白求教,怎么设置input框的默认值,就是用户没输入任何东西的时候,输 ...
<input type="text" placeholder="请输入内容" value="" \/> 这个除了IE6 IE7用不了,IE8没测试过,其他主流的浏览器都可以用 要兼容IE6IE7的话,还是用js去控制吧

...确定后文本框不会消失,并且在文本框上能显示输入的内容
<input type="text" id="input1"> <input type="button" value="确定" onClick="show()"> <script> function show(){ var text=document.getElementById('input1').value;document.getElementById('output1').innerHTML=text;} <\/script> <\/body> <\/html> ...

javascript如何实现下图所示的输入框边上的提示文字效果,我是小白,请...
包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的 <input \/>可以跟一个div或者span <span id="error" class="red">XXXXXXXX<\/span>这种标签 onblur()函数文本框的值判断 基本上就是这些 blur()...

如何设置jsp文件的输入框居中(小白一枚需要完整代码)
> 用户名:<input type="text" name="name" value=""><br> 密码:<input type="password" name="pwd" value=""><br> <input type="submit" value="登录" name="denglu"><input type="reset" value="重置"><br> <\/form><\/div>在表单外面加个div 设置 align属性: ce...

Python程序中,已知x=input("请输入:"),当用户输入你,则X ”6”,会输 ...
需要看具体的处理逻辑。x=input(“请输入:”)这句话的意思是从屏幕获取一个元素,这个元素赋值给x,括号内引号内的则是屏显提示。如果你输入的是6,那么x会被赋值为6。目前没有看到输出print语句,所以具体会输出什么还要看input以后x的运算逻辑。

flex中表格的下拉框如何控制只能通过选择获取,而不能通过录入
<mx:FormItem label=" 是 否 评 估:" width="25%" > <lhsm:SelectInput id="ifEvaluate" contentBackgroundAlpha="1" dataProvider="{if_evaluate}" width="100%" creationComplete="ifEvaluate.textInput.editable=false" enabled="false"\/> <\/mx:FormItem> creationComplete="ifEvaluate....

安卓按键模拟器怎么用
开启布局编辑模式和自定义布局 然后是按照游戏的位置来进行位置微调 这里是时空猎人的图片,左边是方向键, 右边是攻击技能 还有补血键 对应成这样, 在点击输入框的时候调整---> 注:点击按钮会出现 remove(删除) resize(大小) ,这两个可以设置按钮属性, input 和 output是输入输出 如果不行 截个图来...

怎么把网页中input里面的type = hidden批量替换掉?
在你的编辑器按下 Ctrl+F,调出编辑器的查找窗口。为了精确找到hidden,你把type="hidden"复制粘贴到查找输入框,然后在全部替换的输入框输入 type="您要替换的东西",点击确定就能批量替换了。如果你是说在某个网站而不是你自己的HTML文件的话,那就替换不了的 ...

相似回答