关于html表单提示代码的信息

本篇文章给大家谈谈html表单提示代码，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、在html中怎样实现表单验证并在控件后面输出动态提示
• 2、求html表单代码
• 3、Html表单里面如何做预显示的文字 如图
• 4、html5表单验证用placeholder显示错误提示
• 5、编写一段创建一个表单的HTML代码，表单包含以下内容：

在html中怎样实现表单验证并在控件后面输出动态提示

你好 做个例子给你 但是纯html是不可能的 必须附带js 我这里用的jquery方便点

input type="text" name="checkname" id="a"/

div id="b" style="width:20px;height:20px;border:1px solid red;display:none;"/div

下面jquery 假设验证必须为数字 并为6位数

function check(){

$("#b").show

var reg = /^\d{6}$/

if(!reg.test($("#a").val())){

$("#b").text("错误")

}else{

$("#b").text("正确")

}

}

$(function(){

$("#a").blur(function(){

check();

})

})

效果就是 本来提示都是隐藏的

然后文本框失去焦点时触发 提示的div显示 并且 若文本框中的值不满足6位数字 显示错误

否则 显示正确

另外 楼上的朋友说的也没错 不过 动态验证需要ajax 如若是这种定死的 则不需要

而且 格式验证是不会用ajax做的 都是js做 不然浪费多少服务器资源？ 只有判断用户名是否重复 这种才会用ajax去数据库中间查询返回结果

希望能帮到你 谢谢

求html表单代码

html

head

title注册页面/title

/head

body

form action="" method="post"

table

trth colspan="2"注册用户/th/tr

tr

td姓名：/td

tdinput type="text" name="userName" //td

/tr

tr

td性别：/td

td男:input type="radio" name="userSex" value="男" checked="checked"女:input type="radio" name="userSex" value="女"/td

/tr

tr

td年龄：/td

tdselect name="userAge"

option value="20"20/option

option value="21"21/option

option value="22"22/option

option value="24"24/option

/select/td

/tr

tr

td个人简介：/td

tdtextarea name="userInfo" cols="30" rows="15"/textarea/td

/tr

tr

td联系电话：/td

tdinput type="text" name="telephone" //td

/tr

tr

td照片：/td

tdinput type="file" name="userPhoto" //td

/tr

/table

/form

/body

/html

Html表单里面如何做预显示的文字 如图

input中有一个属性　placeholder，设置一下值就可以了，具体代码如下：

input type="text" name="username" placeholder="用户名/邮箱/手机号" /

input type="text" name="password" placeholder="密码" /

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 html

HTML 标签通常是成对出现的，比如 b 和 /b

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

html5表单验证用placeholder显示错误提示

html5表单验证用placeholder显示错误提示：

1、html5包含校验的placeholder如下：

form action="#" method="post"

div

label for="name"Text Input:/label

input type="text" placeholder="Your name" name="name" id="name" value="" tabindex="1" /

/div

div

label for="name_2"Text Input 2:/label

input type="text" placeholder="Your name" name="name_2" id="name_2" value="" tabindex="1" /

/div

div

label for="textarea"Textarea:/label

textarea placeholder="Some text" cols="40" rows="8" name="textarea" id="textarea"/textarea

/div

div

label for="textarea"Textarea 2:/label

textarea placeholder="Some text" cols="40" rows="8" name="textarea_2" id="textarea_2"/textarea

/div

div

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

/div

/form

2、css样式：

::-webkit-input-placeholder {

color:    #999;

}

:-moz-placeholder {

color:    #999;

}

::-moz-placeholder {

color:    #999;

}

:-ms-input-placeholder {

color:    #999;

}

/* Different color for some fields */

#name_2::-webkit-input-placeholder,

#textarea_2::-webkit-input-placeholder

{

color:    #FF0000;

}

#name_2:-moz-placeholder,

#textarea_2:-moz-placeholder

{

color:    #FF0000;

}

#name_2::-moz-placeholder,

#textarea_2::-moz-placeholder

{

color:    #FF0000;

}

#name_2:-ms-input-placeholder,

#textarea_2:-ms-input-placeholder

{

color:    #FF0000;

}

3、运行效果：

提交出错就是红色的

编写一段创建一个表单的HTML代码，表单包含以下内容：

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（form）定义。

form

...

input 元素

...

/form

输入

多数情况下被用到的表单标签是输入标签（input）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：

文本域（Text Fields）

当用户要在表单中键入字母、数字等内容时，就会用到文本域。

form

First name:

input type="text" name="firstname" /

br /

Last name:

input type="text" name="lastname" /

/form

html表单提示代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、html表单提示代码的信息别忘了在本站进行查找喔。