HTML表单标签

表单

输入文本框与密码框

<form  action="" method="" >
	<label for="cf123">账单 :</label>
		<input type="text" name="" id="cf123" value="" placeholder="请输入账号"  /><br />
	 <label for="cf124"> 密码:</label>
		<input type="password" id="cf124" placeholder="请输入密码"/><br />
</form>

<!--表单:通过可以输入和选择的组件,用户填入信息,再提交至服务端
		action:  提交到服务器,有服务器相关的程序运作
		method:  指定想服务器提交的方法(get/post)
		<label for=" ID账号">账单</label>    通过ID账号,点击账单可以直接进行输入
		type=""   定义输入的类型
		id=""     声明id名字,只有一个值
		name=""   声明名字,可以有多个
		value=""  定义输入字段的初始值
		placeholder=""  定义输入框内的提示信息
		
		 -->

单选按钮

性别 :
		<input type="radio" id="cf125" name="123" value="男" checked="checked"/>	<label for="cf125">男 </label>
		<input type="radio" id="cf126" name="123" value="女" /><label for="cf126">女 </label><br />
<!-- type="radio"  定义为单选按钮
	 name="123"    定义相同的名字,使得其是一组
	 value=""      定义与输入相关联的值,在单选按钮中必写
     checked="checked"     默认选择
			 -->

复选框

课程 :
		<input type="checkbox" id="cf127" name="12" value="java" checked="checked"/>	<label for="cf127">java </label>
		<input type="checkbox" id="cf128" name="12" value="html"/>	<label for="cf128">html </label>
	    <input type="checkbox" id="cf129" name="12" value="c++" />	<label for="cf129">c++ </label><br />
<!--type="checkbox"   定义为复选框  
		    name="12"    定义相同的名字,使得其是一组
		    value=""      定义与输入相关联的值,在复选框中必写
		    checked="checked"     默认选择-->

文件选择框

选择文件:
		<input type="file" name="cf130" accept=".img,.html"/><br />
		<!-- type="file"      定义文件选择框
		     name="cf130"     定义文件选择框名
		     accept=".img,.html"      限制选择的文件内型(填入的为不需要的)
		 -->

下拉框

省份:
		<select name="cf131">
			<option value="北京">北京</option>
			<option value="陕西" selected="selected">陕西</option>
			<option value="广东">广东</option>
		</select>
		<!--  基本模式为 <select name="" id="">
			               <option value=""></option>
			               <option value=""</option>
			               <option value="" selected="selected">>/option>
		                </select>    
					selected="selected"  为默认选择	   
					下拉框的name,id,事件等需要在select中定义，而value需要在option中定义。
	  
		-->

多行文本域

<textarea name="cf132"cols="16"rows="5"></textarea><br />
		<!--  基本模式为
		<textarea name="textarea"  cols="16" rows="5">文本域中的内 </ textarea > 
        表示五行16个字符宽度的文本域
  -->

按钮

<!-- 一般分为三种
		<input type="reset" value=""/>   type="reset"---表示重置表单内容   
		<input type="submit" value=""/>   type="submit"---表示向服务器提交表单内容
		<input type="button" value=""/>    type="button"---表示普通按钮没有功能，只能被点击触发事件用
		 -->
		<input type="reset" value="重置表单"/>
		<input type="submit" value="注册"/>
		<input type="button" value="啊哈"/>