html中input文本框,初始里边有文字提示,当点击时,文字消失,怎么设置?

html中input文本框,初始里边有文字提示,当点击时,文字消失,怎么设置?,第1张

1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input

type="text"

value="请输入内容"

onfocus="javascript:if(this.value=='请输入内容')this.value=''">

2、<input

id="email"

type="text"

placeholder="这里输入文字"

size="22"

/>

placeholder="这里输入文字"

input设置默认显示文字的两种方式:

1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。

<html>

<body>

<form action="/example/html/form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>

</html>

用的是INPUT标签。

input标签后面的type是输入的类型

type="text"是文本输入框

type="submit"是提交按钮

他会被标记为一个类似于变量的结构

name后面就使用输入数值的时候的名字

1.document.getElementById("name1").value="你改了我也没有用"。

}

</script>

2.//这种是可以改的,只不过当焦点离开以后通过js又改回去了.你只要把写汉字的两个地方换成你自己的value就可以了。

3.刚看了你对楼上的追问,发现我这两种方法也不行,要不你这样写吧!

<input value="dfdf" readonly="true" />rea


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7243426.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存