HTML5.0实例练习(三) --制作一个简单登陆界面

今天分享一个简单的实例--制作一个简单登陆界面

代码如下:

HTML5.0实例练习(三) --制作一个简单登陆界面_第1张图片

 代码执行结果如下:

HTML5.0实例练习(三) --制作一个简单登陆界面_第2张图片

 这里面用到了

这些表格标签,这些在这里就不分析了,这里面一个最关键的标签,

本文就主要来学习,的属性与使用。

 

 

标签定义及使用说明

标签规定了用户可以在其中输入数据的输入字段(这就是它最基本的作用)。

元素在
元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性(type属性有很多比如 text url 等等,一会详解)。

 

提示和注释

注意: 元素是空的,它只包含标签属性。

提示: 你可以使用

HTML 与 XHTML 之间的差异

在 HTML 中, 标签没有结束标签。

在 XHTML 中, 标签必须被正确地关闭。

属性:

 

 

 

 

 

 

 看完我们再来看看

带有两个输入字段和一个提交按钮的 HTML 表单

 

HTML5.0实例练习(三) --制作一个简单登陆界面_第3张图片

 的属性“

 

 

d 带有复选框的表单:

HTML5.0实例练习(三) --制作一个简单登陆界面_第4张图片

 HTML5.0实例练习(三) --制作一个简单登陆界面_第5张图片

 

含有单选按钮的表格:

HTML5.0实例练习(三) --制作一个简单登陆界面_第6张图片

 HTML5.0实例练习(三) --制作一个简单登陆界面_第7张图片

 

HTML5.0实例练习(三) --制作一个简单登陆界面_第8张图片

 HTML5.0实例练习(三) --制作一个简单登陆界面_第9张图片

 如图Male Female 即是元素内文本,按钮即是表单控件,当点击该文本时,会自动选中对应的按钮。

 这次中你逛街就到这里。

你可能感兴趣的:(HTML5.0实例练习(三) --制作一个简单登陆界面)