html点击图片弹出文字框

html-css026

html点击图片弹出文字框,第1张

html点击图片弹出文字框的处理方法。

1、打开html编辑器，新建html文件。

2、在index.html中的body标签中，输入js代码。

3、浏览器运行index.html页面，点击按钮弹出了提示框即可。

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属性。在输入框加载的时候输入框中的值。提交时可直接获取。