用html写input输入框？_随笔

演示图如下：

用到的是js和正则表达式代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>html留言表单验证</title>

<style>

*{margin:0pxpadding:0px}

body{background-color:#f9f9f9}

.clears{ clear:both}

/*messages*/

.messages{padding:15px 0}

.messages input,.messages select,.messages textarea{margin:0padding:0background:noneborder:0font-family:"Microsoft Yahei"}

.messlist {height:30pxmargin-bottom:10px}

.messlist label{float:leftwidth:100pxheight:30pxfont-size:14pxline-height:30pxtext-align:rightpadding-right:10px}

.messlist input{float:leftwidth:300pxheight:28pxpadding-left:5pxborder:#ccc 1px solid}

.messlist.textareas{ height:auto}

.messlist textarea{float:leftwidth:400pxheight:110pxpadding:5pxborder:#ccc 1px solid}

.messlist.yzms input{width:100px}

.messlist.yzms .yzmimg{ float:leftmargin-left:10px}

.messsub{padding:0px 0 0 110px}

.messsub input{width:100pxheight:35pxbackground:#dddfont-size:14pxfont-weight:boldcursor:pointermargin-right:5px}

.messsub input:hover{ background:#f60color:#fff}

#label0{display:nonecolor:#0aa770height:28pxline-height:28px}

#label1{display:nonecolor:#0aa770height:28pxline-height:28px}

#label2{display:nonecolor:#0aa770height:28pxline-height:28px}

#label3{display:nonecolor:#0aa770height:28pxline-height:28px}

#label4{display:nonecolor:#0aa770height:28pxline-height:28px}

#label5{display:nonecolor:#0aa770height:28pxline-height:28px}

#label6{display:nonecolor:#0aa770height:28pxline-height:28px}

#label7{display:nonecolor:#0aa770height:28pxline-height:28px}

#label8{display:nonecolor:#0aa770height:48pxline-height:48px}

#label9{display:nonecolor:#0aa770height:48pxline-height:48px}

#label10{display:nonecolor:#0aa770height:48pxline-height:48px}

</style>

</head>

<body>

<br>

<div id ="label0">*你还没填写名字呢!</div>

</div>

<div id ="label4">×邮箱地址错误</div>

</div>

<div id ="label7">×手机号码错误</div>

</div>

</div>

</div>

</div>

</form>

function send(){

var name = document.getElementById("input1").value

var mail = document.getElementById("input2").value

var phone = document.getElementById("input3").value

var content = document.getElementById("input4").value

var code = document.getElementById("input5").value

if(name=="")

{

label2.style.display = 'none'

label1.style.display = 'none'

label0.style.display = 'block'

return false

}

if(mail=="")

{

label3.style.display = 'none'

label4.style.display = 'none'

label5.style.display = 'block'

return false

}

if(content=="")

{

label8.style.display = 'none'

label9.style.display = 'none'

label10.style.display = 'block'//*必填

return false

}

if(code=="")

{

alert('请填写验证码！')

return false

}

else{

alert('信息已发送到站长邮箱，感谢您的支持！')

}

</script>

function jieshou(){

var label1 = document.getElementById("label1")

var label2 = document.getElementById("label2")

var nametext = document.getElementById("input1").value

if(nametext!=""){

label0.style.display = 'none'

label1.style.display = 'block'

label2.style.display = 'none'

}

else{

label0.style.display = 'block'

label1.style.display = 'none'

label2.style.display = 'none'

}

</script>

function mailtext(){

var mailvalue = document.getElementById("input2").value

var mailtext = document.getElementById("input2")

var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/

if(mailvalue!=""){ //邮箱如果非空显示正确

label5.style.display = 'none'

label3.style.display = 'block'//显示正确

label4.style.display = 'none'

}

else{

label5.style.display = 'block'//显示*必填

label3.style.display = 'none'

label4.style.display = 'none'

return false

}

//上面为一段

if(!myreg.test(mailvalue)){ //既而正则表达式验证邮箱如果不是邮箱地址label4显示出来

label3.style.display = 'none'

label4.style.display = 'block'//*邮箱地址错误

return false

}

else{

label3.style.display = 'block'

label5.style.display = 'none'

label4.style.display = 'none'

}

//上面为一段

}

</script>

function phonetext(){

var phonetext = document.getElementById("input3").value

if(!(/^1[3|4|5|7|8]\d{9}$/.test(phonetext))){

label6.style.display = 'none'

label7.style.display = 'block'//*手机号码错误

return false

}

else{

label6.style.display = 'block'

label7.style.display = 'none'

}

</script>

function content(){

var content = document.getElementById("input4").value

if(content!=""){

label8.style.display = 'block'

label9.style.display = 'none'

label10.style.display = 'none'//*必填

return false

}

else{

label8.style.display = 'none'

label9.style.display = 'none'

label10.style.display = 'block'

}

</script>

</div>

（---------满意采纳奥---------）

如何写一个对话框，输入的东西直接在百度中搜索，就像hao123一样这位网友你好，百度是提供这种搜索内嵌代码的。

你可以看一下百度提供的代码：

:help.baidu./question?prod_en=search&class=%C3%E2%B7%D1%B4%FA%C2%EB&id=1000664

在百度中输入的东西怎么清除干净

装个360之类的软件·然后选择“清理历史痕迹”

请问一下在如何去掉在百度搜索栏中存在的以前输入的东西?

1 自定义删除（即想删除哪条历史记录就删除哪条）

在百度搜索网页里的搜索栏中，点击鼠标左键两次，会出现以前搜索过的历史记录。然后用鼠标指向你想要删除的历史记录（注意：是指向，不要点击），这时这条历史记录会深色显示，再点击DEL键，就可以删除这一条历史记录了。这种方法你可以随心所欲，想删哪条都可以。

2 完全删除法

在桌面用鼠标右键点击IE图标，再点属性。选上面的“内容”按钮。再点下面的“自动完成”按钮。然后点击“清除表单”，就可以把以前的所有历史记录删掉。如果想以后也把录用的内容不留历史记录，则把“表单”前面的勾去掉。

在此建议使用第一种方法，因为第二种方法可能将您需要的记录也删除掉。

怎么删除百度搜索那个对话框里以前输入过的东西

点击那个输入框，随便输入一个字，你就会看到有以前的历史记录了，你有没有看到“清除历史记录”？

1 自定义删除（即想删除哪条历史记录就删除哪条）

2 完全删除法

3 用修复工具，比如上网助手..

删除搜索框中的历史记录

如何清除搜索框内的搜索历史记录？

答：这是网页浏览器的一项功能。进入IE浏览器的相关菜单选项设置：

·如果您使用IE4.0浏览器，则由“查看→inter选项→内容→自动完成→清除表单→完成”；

·如果您使用IE5.0及以上版本的浏览器，则由“工具→inter选项→内容→自动完成→清除表单→完成”；

·如果您希望IE浏览器以后不再记录查询过的内容，请在“自动完成”设置页面内把“表单”前的选项勾去掉。

------------------------------------------------

其他

有三种方法：

第一种：自定义删除（即想删除哪条历史记录就删除哪条）

第二种：完全删除法

第三种：用修复工具，比如上网助手..

申请什么样的域名可以直接在百度中搜索到

国际域名要收费的

二级域名一般都是免费的

只要内容不错

通过百度都可以搜索到

花生壳、、、什么的。可以搞到二级域名

不过你搞不到你二级域名的控制面板。

如果你自己申请国际域名，可以自己分出来很多个二级域名。

在百度中搜索东西,想输入字体,怎么鼠标点不上去

请尝试转换输入法。有时候输入法会处于无法输入状态。我遇到过很多次。转换几下便可，如果对你有帮助，请加分谢谢！

怎样在百度中搜索flash文件

:flash.zhongsou./

请问以前在百度的小对话框里搜索的东西怎么删不掉

删除搜索框中的历史记录

如何清除搜索框内的搜索历史记录？

答：这是网页浏览器的一项功能。进入IE浏览器的相关菜单选项设置：

·如果您使用IE4.0浏览器，则由“查看→inter选项→内容→自动完成→清除表单→完成”；

·如果您使用IE5.0及以上版本的浏览器，则由“工具→inter选项→内容→自动完成→清除表单→完成”；

·如果您希望IE浏览器以后不再记录查询过的内容，请在“自动完成”设置页面内把“表单”前的选项勾去掉。

------------------------------------------------

其他

有三种方法：

第一种：自定义删除（即想删除哪条历史记录就删除哪条）

第二种：完全删除法

第三种：用修复工具，比如上网助手..

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

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

用html写input输入框？

发表评论

评论列表（0条）