htmld出一个输入框提示用户输入姓名

htmld出一个输入框提示用户输入姓名,第1张

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

2、在index.html中的<body>标签中,输入以下html代码:

<input type="text" placeholder="请输入账号" />

<input type="password" placeholder="请输入密码" />

3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密码框有了提示文字“请输入密码”。

可以写一个为表单内元素赋值的方法,三个按钮上面添加点击事件,点击时调用这个赋值方法,但是传的参数不一样,在方法中根据不同的参数,为表单赋不同模板的值。

不知上面是否写的清楚,我写了一个对应的小demo:

<html>

<head>

<title>demo</title>

<script type="text/javascript" src="jquery-1.8.3.js"></script>

<script type="text/javascript">

function demo(demo){

if(demo ==1){

$("#input1").attr("value","这是模板1")

$("#input2").attr("value",demo)

} else if(demo ==2){

$("#input1").attr("value","这是模板2")

$("#input2").attr("value",demo)

} else if(demo ==3){

$("#input1").attr("value","这是模板3")

$("#input2").attr("value",demo)

}

}

</script>

</head>

<body>

<button onclick="demo(1)">模板1</button>

<button onclick="demo(2)">模板2</button>

<button onclick="demo(3)">模板3</button>

<form>

<input id="input1" type="text"/>

<input id="input2" type="text"/>

</form>

</body>

</html>

以上,希望对你有帮助!

可以通过<form>里面添加target=xxx指定提交都已经有的窗口,如果窗口名字不存在则新开一个窗口,但是这个新开的窗口不能指定属性。

所以呢,只要先用window.open打开一个窗口,然后指定form的target为那个窗口,否则无法实现你的目的。

可以把window.open语句放在<form>的onsubmit事件处理里面,这样看起来就好想是点击开的新窗口。

完整代码如下(我取消了你用<a href>方式的调用,使用标准的submit):

<form

name="form1"

action="sform.jsp"

target=formwin

onsubmit="window.open('about:blank','formwin','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')"><input name="ctn" type="text" >

<input type=submit value='提交'>

</form>

补充:

图形按钮是<input type=image src=...>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存