html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？_随笔

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

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

2、在index.html中的<body>标签中，输入html代码：<input type="text" placeholder="清输入用户名" />。

3、浏览器运行index.html页面，文本框初始有文字。

4、点击文本框，文字成功消失。

1.form表单提交，将form的action值重新赋值

let inputVal = document.querySelector("input[type='text']").value

let href1 = "http://oadi.link/" + inputVal

document.querySelector('form ').action = href1

2. 不用form表单提交，用a标签的href来实现吧

let A = document.createElement("a")

let inputVal = document.querySelector("input[type='text']").value

A.setAttribute("href","http://oadi.link/"+inputVal )

A.setAttribute("target","_blank")

A.click()

上面的方法都要在button 的点击事件里去 *** 作，仅提供一个思路。

function local(){

location.href = "https://www.baidu.com/#/tab/search/" + document.getElementById("href").value

}

欢迎分享，转载请注明来源：内存溢出

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