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

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

代码如下：

 代码执行结果如下：

 这里面用到了<table><th><td><tr>这些表格标签，这些在这里就不分析了，这里面一个最关键的标签<input>,

本文就主要来学习，<input>的属性与使用。

 

 

标签定义及使用说明

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

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

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

 

提示和注释

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

提示: 你可以使用 <label> 元素来定义 <input> 元素的标注。

HTML 与 XHTML 之间的差异

在 HTML 中，<input> 标签没有结束标签。

在 XHTML 中，<input> 标签必须被正确地关闭。

属性：

 

 

 

 

 

 

 看完<input>我们再来看看<form>

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

 

 <form>的属性“

 

 

d 带有复选框的表单：

 

 

含有单选按钮的表格：

 

 

<lable>

 

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

 这次中你逛街就到这里。