HTML表单基础知识

表单的作用：用来收集用户的信息的;

1、表单框

<form name="表单名称" method="post/get"  action="">
</form>

说明： Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。出于安全性考虑，建议最好使用 Post 提交数据

2、表单控件

<input type="" />
<input  type=“”  name=“”  value=“” 
size=" " maxlength=" "    />

input是表单中功能最为丰富的一个标记，使用input标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name属性标识表单域的名称，type属性标识表单域的类型，value属性定义表单域的值，其他属性根据type的不同而有所变化。
type可以是文本输入框text、password、复选框checkbox、单选框radio、提交表单submit和重置键reset，maxlength控制最多输入的字符数，size控制框的宽度。

1.文本框

<input type="text" value="默认值"/>

2.密码框

<input type="password" />

3.提交按钮

<input type="submit" value="按钮内容" />

4.重置按钮

<input type="reset" value="按钮内容" />

5.单选框/单选按钮

<input type="radio" name="ral" />

<input type="radio" name="ral" checked="checked" />(默认选中；)

6.复选框

扫描二维码关注公众号，回复： 2844745 查看本文章

<input type="checkbox" name="like" />

<input type="checkbox" name="like" disabled="disabled" />

(disabled=”disabled” :禁用)
(checked=”checked” :默认选中)

7.按钮

<input   name=""   type="button" value=“按钮内容” />

（他和submit的区别是，submit是提交按钮起到提交信息的作用，button只起到跳转的作用，不进行提交。）

8.下拉菜单

<select name="" >
   <option>下拉选项1</option>
   <option>下拉选项2</option>
    …………
</select>

多行文本框（文本域）
表示下拉列表，用户从这个列表中可以选择一个或多个选项。name属性不是必须的

<textarea name=""  cols=""  rows="" >
</textarea>

多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符。

猜你喜欢