运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、关键
用户:
密码:确认密码:EMAIL:window.onload = function (){document.getElementById('uname').focus();}function check(){var uname=document.getElementById("uname").value;var pwd=document.getElementById("pwd").value;var pwd1=document.getElementById("pwd1").value;var email=document.getElementById("email").value;if(uname+pwd==""){ alert("用户名和密码不能为空");}else if(uname==""){ alert("用户名不能为空");}else if(pwd==""){ alert("密码不能为空");}else if(pwd1 != pwd){ alert("两次密码不一样");}//if(email==""){ alert("电子邮件不能为空"); return false;}else{ reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi; if(!reg.test(email)) { alert("非法的电子邮件"); return false; }}}
html5新增的表单元素有以下几种:
datalist,keygen,output三种无素。
1.datalist 元素
datalist 元素规定输入域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id。
2.keygen 元素
keygen 元素的作用是提供一种验证用户的可靠方法。
keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
3.output 元素
output 元素用于不同类型的输出,比如计算或脚本输出。
根据具体问题类型,进行步骤拆解/原因原理分析/内容拓展等。具体步骤如下:/导致这种情况的原因主要是……
<html>
<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password" /><br>
确认密码:<input id="pwd1" type="password" /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">
window.onload = function ()
{
document.getElementById('uname').focus();
}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
alert("用户名不能为空");
}
else if(pwd=="")
{
alert("密码不能为空");
}
else if(pwd1 != pwd)
{
alert("两次密码不一样");
}
//
if(email=="")
{
alert("电子邮件不能为空");
return false;
}
else
{
reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi;
if(!reg.test(email))
{
alert("非法的电子邮件");
return false;
}
}
}
</script>
</body>
</html>
html好像是静态网页,建议学PHP吧
html表单元素有哪些
HTML 表单用于搜集不同类型的用户输入。HTML5 Input,拥有多个新的表单输入类型,提供了更好的输入控制和验证。表单是一个包含表单元素的区域,它使用表单标签定义。表单元素是允许用户在表单中输入信息的元素,包含文本域、下拉列表、单选框、复选框等。
HTML5有哪些表单新特性
HTML5 拥有多个新的表单输入类型,拥有若干涉及表单的元素和属性,拥有<form> 和 <input> 元素的新属性
现在的移动web浏览器都可以支持html+5这包括什么规范和什么规范和什么脚...
表单增强:HTML5为表单提供了一些新的输入类型(如日期、时间、邮箱等)、表单验证和自动完成功能,提高了用户交互的体验。多媒体支持:HTML5引入了<video>和<audio>元素,使得在网页中嵌入和控制视频和音频内容更加简单。Canvas绘图:HTML5的<canvas>元素提供了一个简单的绘图API,使开发者可以通过...
表单有哪些html5新控件?
表单中新增的控件(type属性)email: 提交表单时检测值是否是一个电子邮件格式 url: 提交表单时检测值是否是一个url格式 date: 年-月-日格式的控件 time: 时:分格式的控件 datetime: 年-月-日 时:分 格式的控件(UTC时间)datetime-local: 年-月-日 时:分 格式的控件(本地时间)month: 年-月...
html4和html5的区别
废除的大部分是网页美化方面的标签,例如:<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架,不能使用。5、全新的表单设计 表单是网页设计者最常用的功能,HTML5对表单做了很大的更改,不但新增了几项新的标签,对原来的<form>标签也增加了许多属性。6、新增了<canvas>...
在浏览器中不支持HTML5表单输入类型时,将会产生什么结果?
这个会导致无法输入或者页面显示异常 1、你可以尝试把一个html5新特性的表单在低版本的IE浏览器中打开查看一下效果就知道了 2、浏览器兼容性是前端开发必须要考虑的,要考虑兼容的最低版本的浏览器是哪一个
HTML5网页前端设计中如下图表单的代码怎么写?
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,div 太麻烦了;<html xmlns=" http:\/\/www.dayinmandarin.com "> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>黑板<\/title> <\/head> <body> <div style="width:500px;"> ...
html5中如何写关于生日的表单
本地日期时间(<input type=”datetime-local”\/>)属性 描述 值 这是HTML里input元素的通用属性。就是输入框里的数据。min 日期或时间的最小值 max 日期或时间的最大值 step 步长。不同的类型有不同的缺省步长。Date – 缺省是1天 Week – 缺省是1周 Month – 缺省是1月 Time –...
html5中的 表单 form 和input属性中的name属性有啥用,感觉没有什么用途...
有用的,只是你现在如果是做纯静态页面感觉是没什么用,但是如果用js了,就有用了,当调用js的 document.getElementsByName("name名称");\/\/获取页面元素对象,如果你在页面的<input name="text1" value=""\/>,那么var obj=document.getElementsByName("text1");这里会获取到一个跟你页面取相同名字...
HTML5涵盖了哪些功能?
HTML5到底涵盖了哪些功能?这些功能到底在主流的浏览器支持情况如何?1.HTML5核心:这部分主要由W3C官方的规范组成,涉及新的语义元素、新的增强的Web表单、音频和视频、以及通过JavaScript绘图的Canvas。北大青鸟云南嘉荟校区官网http:\/\/www.kmbdqn.cn\/认为这部分大多数主流浏览器均得到很好的支持;2.曾经...
弋行谓乐: <html><br><head><br><title></title><br></head><br><body><br><div>HTML各种输入验证</div><br>用户:<input id="uname" type="text" /><br /><br>密码:<input id="pwd" type="password" /><br><br>确认密码:<input id="pwd1" ...
会东县17187335234: 运用HTML5表单元素制作一个简单的网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、 - ?
弋行谓乐: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br><html><br><head><br><title></title><br></head><br><body><br>用户:<input id="uname" type="text" /><br /><br>密...
会东县17187335234: 如何用html5制作一个网页用播放器,能够播放MP3、MP4等格式音视频文件,功能包含开始、暂停、 - ?
弋行谓乐: <!DOCTYPE><html><head> <meta charset="utf-8" /> <script type="text/javascript"> var audioTag = document.createElement('audio'); if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != ...
会东县17187335234: 使用 html5 怎么开发一个动态网站? - ?
弋行谓乐: 使用 html5 开发一个动态网站方法: 工具/原料 HBuilder6.6 MUI2.5 方法/步骤 为了演示HTML5 APP页面是如何做到动态调整布局. 1、首先,我们创建一个移动APP项目,然后,添加一个index.html页面.代码里,添加一个图标,以及添加引...
会东县17187335234: html5可以用来制作网页了吗,它不是标准还没完善吗? - ?
弋行谓乐: 可以用来制作网页的,现在大多数新版本的浏览器都是支持HTML5的,有好多网站也是用HTML5写的.它现在是很有前景的,市场需求很大.而且计算机这个行业本身就是不断发展的,任何一种技术都不是在它很完善的情况下才广泛使用的,而是在不断使用的过程中发展起来的.
会东县17187335234: 使用html5制作网页有什么好处??
弋行谓乐: 可视化编辑,可以边写代码,边预览. HTML5提供了一些新的元素和属性,例如(网站导航块)和.这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如和标...
会东县17187335234: 能只用html5代码来编写一个完整的网页吗? - ?
弋行谓乐: 当然可以啊.是完全没问题的.
会东县17187335234: HTML5能做动态网站吗 - ?
弋行谓乐: HTML5不能独立做网站哈,它的作用是丰富网页端的功能,提升客户体验(富客户端的思想,可以不需要任何插件(flash等)进行看视频,做网页游戏,绘图....),它只是一门网页(浏览)端技术,他的动态数据来源还是需要后台系统进行提供(如PHP,ASP.NET,Java)
会东县17187335234: html5有哪些新增的表单元素 - ?
弋行谓乐: 新的2113input的类型有 email(自动验证email格式) url(自动验证url格式) number(只能输入数字) range(类似5261音量滑动条) Date pickers (date, month, week, time, datetime, datetime-local)(自带日期选4102择) search(搜索域,...
会东县17187335234: 到底怎么样使用HTML5来设计网页结构 - ?
弋行谓乐: 你这问题太广泛,总体来说,先用作图软件(photoshop、fireworks等)设计出效果图,然后切图,打开dw,用切好的图片和网页主题假如制作网页,做好之后,申请域名和空间,用ftp等上传工具上传网页至网络空间.这其中具体过程非三言两语说的清楚地,十年树木百年树人,祝您好运!