web前端html学习内容 (web前端htmlcss教学视频)

1.form:表单:

name:表单的名字

action:表单处理页面(就是把表单交给谁去处理):action="":表示把表单提交给当前页面.

method:提交数据方法:

method="get":表示把提交的数据附在url后面进行提交。适合于小数据的提交。

method="post":提交数据的时候进行了编码,可以进行大的数据的传输。(文件上传)

web前端开发html基础入门第29讲,web前端学习框架知识点

2.input:输入控件:

(1)inputtype="text":单行文本框:

name:文本框的字名

size="":初始大小

maxlength="":最长长度

value="":初始文本

(2)inputtype="password":密码框

name:文本框的字名

size="":初始大小

maxlength="":最长长度

(3)input type="radio":单选按钮:只能选择一个

name:文本框的字名

value="":表示要提交到服务端的数据.

checked="checked":表示这一项默认被选中的(打开页面时就是选中状态)

(3)inputtype="checkbox":复选框:可以选择多个

name:文本框的字名

value="":表示要提交到服务端的数据.

checked="checked":表示这一项默认被选中的(打开页面时就是选中状态)

3.select:列表框

size:列表中可以同时看到的行数(默认值是1)

<option></option>:列表项

value:表示要传递到服务端的值

selected="selected":默认被选中

4.按钮:

submit:提交按钮:(把表单中数据一次性全部提交到服务端)

type="submit":表示它是一个提交按钮

value="":按钮上显示的文字

reset:重置按钮:(把表单中所有填入的或者选择的选项进重置)

type="reset":表示它是一个重置按钮

value="":按钮上显示的文字

button:普通按钮:(在这个按钮上针以单击事件来编写相应的处理代码)

onclick=""

5.textarea:多行文本框:

<textareaname="" cols="" rows="" >

默认要显示的文字

</textarea>

6.文本域:用于上传文件用的

<form method="post"enctype="mutipart/form-data">

<inputtype="file" name=""/>

表示图像的中间与同一行中最大元素的中间对齐

7.隐藏域:<input tyep="hidden" name="userName"value="张三"/>

8.表单只读与禁用:

<inputtype="text" name="" value="" readonly="readonly"/>

<inputtype="text" name="" value="" disabled="disabled"/>

web前端开发html基础入门第29讲,web前端学习框架知识点

9.表单域:

<form>

<fieldset>

<lengend></lengend> :域标题

</fieldset>

</form>

10.lable:表单元素的标注:

<lablefor="userId">用户名:</lable>

<inputtype="text" name="name" id="userId"/>

康诺科技

2017/7/21