网页上常见的论坛、用户注册,认证等都是搜集各种类型的用户信息。他们都用的是HTML表单,接下来我们就开始学习表单。
元素定义HTML表单,其中包含了各种表单元素。表单元素指的是不同类型的input元素,复选框、单选按钮、提交按钮等。如下:文本类:
文本框:<input type="text" />
密码框:<input type="password" />
文本域:<textarea></textarea>
隐藏域:<input type="hidden" />
按钮类:
普通按钮:<input type="button" value="按钮名字" />
提交按钮:<input type="submit" value="提交" />
重置按钮:<input type="reset" value="重置" />
图片按钮:<input type="image" />
选择类:
单选框:<input type="radio" name="danxuan" value="1" />选项
复选框:<input type="checkbox" value="1">选项
下拉选择框:<select ><option value="1">选项名</option></select>
上传文件:<input type="file" />
标注类:
定义标记:<label>标记文字</label>
示例代码:
<form >
<input type="text"><br/>
<select name="">
<option value="1">第一项</option>
<option value="2">第二项</option>
</select><br/>
<textarea ></textarea><br/>
<input type="submit" value="提交按钮" />
</form>
到此,一个简单的表单就可以使用了,br是换行。
练习题:根据上边学习的内容制作您的注册页面,如下图这样的简单页面。