9.8下午学习内容

表单元素

一、form

form代表表单,<form> 标签用于为用户输入创建 HTML 表单。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、type、name、value等元素。表单用于向服务器传输数据。

1.action

action 属性规定当提交表单时,向何处发送表单数据,把数据提交给哪个网站。

2.method

method表示数据提交方式,提交方式有两种:

get—显式提交,有长度限制。

post—隐式提交

3.target

target表示提交方式,提交方式主要有以下几项。

_blank:在新窗口中打开。                            _parent:在父框架集中打开。

_self:默认。在相同的框架中打开。                 _top:在指定的框架中打开。

二、文本

1.文本框<input type="text" />,其属性有:

value文本框的值,就是文本框里面显示的内容。

name文本框的名称

2.密码框<input type="password" />,虽然密码框和文本框相似,但在密码框里面输入内容时不显示内容,只显示●。

3.隐藏域<input type="hidden />,隐藏域的属性有:

name密码框的名称

value密码框的值

4.文本域<input /><textarea></textera>,双标签元素,值不是写在value属性里面的,是写在开始结束标签之间的,现在所学内容还不能够调整文本域的大小。示例代码:<input /><textarea>无言</textarea>,文本域里面就会显示“无言”。

三、按钮

1.普通按钮<input type="button" />,只显示一个按钮,但是点上去没有反应。

2.提交按钮<input type="submit" />,具有提交功能。按钮上显示“提交”,提交按钮的属性有:

name:按钮的名字

value:按钮上显示的名字。<input type="submit" value="按钮" />,按钮上就会显示“按钮”两个字,替换了默认的“提交”。

3.重置按钮<input type="reset" />,作用是将表单里的内容重置。

<form target="_blank" action="Untitled-3.html" method="post"><input type="text" />
    <input type="submit" />
    <input type="reset" name="" value="重置" />
    </form>

4.图片按钮<input type="image" />提交数据,其属性有:

name:按钮的名字。

src:图片按钮的图片来源地址。

四、选择

1.单选按钮<input type="radio" />,单选按钮的属性有:

name:按钮名称和组名

value:按钮的值

<input type="radio" name="sex" value="" />男
    <input type="radio" name="sex" value="" />女

上面2行代码表示单选(选男或女),input type="radio"表示此代码为单选按钮,name="sex"表示此2行代码为一组。男、女为选项,只能选一个选项。

2.复选框<input type="checkbox" />,复选框的属性有:

name:复选框的名称

value:复选框的值

<input type="checkbox" name="" value="" />A
    <input type="checkbox" name="" value="" />B
    <input type="checkbox" name="" value="" />B
    <input type="checkbox" name="" value="" />D

上面4行代码表示复选(多选),<input type="checkbox" />表示此组代码为复选代码,A、B、C、D表示4个选项,可以选1-4个选项。

3.下拉列表<select></select>双标签,下拉列表属性有:

name--下拉列表名称

<option></option>:代表项,就是下拉列表里的选项。

<select>
    <option>张店</option>
    <option>淄川</option>
    <option>恒台</option>
    <option>周村</option>
    </select>

上面代码内容表示下拉列表里面有张店、淄川、恒台、周村四个选项。

value:该项的值。

4.文件选择<input type="file" name="" value="" />,文件选择的属性有:

name--文件选择的名称

5.其它属性

①readonly 只读

②disabled  不可用,同时不能提交

③hidden  隐藏

④checked     radio  checkbox 用来做选中

⑤selected    用在下拉列表,设置哪一项选中

时间: 2024-10-10 06:12:20

9.8下午学习内容的相关文章

9.6下午学习内容

表格标签 一.<table> <table>代表表格标签.   <table></table> 1.width  表示表格宽度,宽度表达方式有像素和百分比两种.网页设计时如果按照像素来设计网页宽度,当网页窗口缩小时,网页大小不会随着窗口的缩小而变化,而会出现上下和左右拉伸条,以观看网站的全部内容.网站设计时如果按照百分比设计网页宽度,网页全局会随着可视窗口的变化而变化. <table width="100%" >表示此表格宽度

9.9下午学习内容

---恢复内容开始--- 样式表 一.大小 1.width   宽度 2.height  高度 <div style="width:200px; height:200px"></div>  样式和属性不同,数字后面要加上单位px或者%. 二.背景 1.背景色:background-color <div style="width:200px; height:200px; background-color:#33C"></div

2017.4.7下午学习内容

背诵了上午所学单词和学习了新课单词,并听了宪法章节

9.5下午学习内容

通用标签.属性 一.body属性 1.bgcolor属性:网页背景颜色 2.text属性:文字颜色 3.background属性:背景图片 二.路径 1.绝对路径: 从根开始的,越来越具体,逐渐具体到目标文件.“/” 表示在某一个文件夹里面. 2.相对路径: 从自身开始的,同属于一个目录下的.“./”表示当前目录:“../”代表上级目录:“/”代表根 注意:所有的文件路径都是正斜杠(/),Windos系统里面的都是反斜杠(\) 三.格式控制 1.<font>  ①color:字体颜色;②fac

2017.4.25下午学习内容

学习了英语语法和词汇,并复习了作文部分

2017.4.27下午学习内容

听英语作文课和刑法第八章下

2017.3.20下午学习内容

听了新的一章法律课程,并做了相应习题

2017.5.12下午学习内容

听了专业相关课程,并做了刑法第十三章习题

2017.4.10下午学习内容

听作文课,并复习了词汇