HTML常用标签和属性form标签

先总结及补充一下上一期HTML中的内容:

一个标准的HTML文件由HTML元素、元素的属性和相关属性值3个基本部分构成。其中元素的各项属性定义元素的样式和功能(如name命名属性、href目标地址链接属性等)。而属性又由它们各自特定类型的属性值定义(如长度类型、URI类型等)。注:通常我们在日常交流时会直接把元素直接叫成标签。严格来说这是不正确的,因为元素通常都是一对标签(当然也有单个的)。

input

input元素用于搜集用户信息。type属性规定input元素的类型。根据不同的type属性值,输入字段拥有很多种形式。

输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

当(元素)input的(属性)type的(属性值)为text时,在网页中显示的效果为当(元素)input的(属性)type的(属性值)为checkbox时,在网页中的显示效果为当(元素)input的(属性)type的(属性值)为radio时,在网页中的显示效果为当(元素)input的(属性)type的(属性值)为submit时,在网页中的显示效果为

sublime中的代码:

inputtype=text

inputtype=checkbox/

inputtype=radio/inputtype=radio/

inputtype=submit/

保存为html文件后,双击打开在网页中显示的效果:

通过上面的内容,我们再来总结下属性:

仅仅标签是不能够显示网页中各种各样复杂的效果的,必须给每个标签赋予不同的属性让相同的标签有不同的效果。HTML的属性必须在标签内部它跟标签之间必须有空格每个属性都是由属性名跟属性值组成。它们中间的等号表示赋值:将等号右边的值赋给左边的属性。多个属性间也须要用空格分割

textarea

多行文本输入框

代码:

textarea/textarea

效果:

select

下拉表单

代码:

select

optionXXX/option

optionXXX/option

optionXXX/option

/select

效果

form

form标签用于为用户输入创建HTML表单。

简单来说就是上面所有的元素都是属于form这个标签的子元素。

上面那些标签只有被包在form这个标签里才能向后台服务器提交。

代码:

form

inputtype=text

textarea/textarea

select

optionXXX/option

optionXXX/option

optionXXX/option

/select

inputtype=checkbox/

inputtype=radio/inputtype=radio/

inputtype=submit/

/form

效果:

当我们在输入框输入一些内容,然后点击提交它就会被提交到我们的后台服务器了(当然这里我们还没有设服务器)。而上面之前的那些单独的标签,当没有被包在form里的时候,点提交时是没有效果的

官方的话:

表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含menus、textarea、fieldset、legend和label元素。表单用于向服务器传输数据。

Thisisnottheend.

Itisnoteventhebeginningoftheend.

Butitis,

perhaps,theendofthebeginning.

更多分享

小众电影

美国往事丨如果你的一生只能看一部电影的话,那就看这一部吧

春夏秋冬又一春丨那么小就当和尚,好伤心啊

蝴蝶丨我比你年轻,我还有余力等你(les题材)

东京夜空最深蓝丨活着吧,要活到死才对

荒野生存丨我想那么年轻,干净,那么寂寞地活着,直到可以突然失踪在马路上的那一天

小白教程

小程序丨0基础要怎么自学小程序开发

小程序丨小程序开发环境搭建和布署

小程序丨


转载请注明:http://www.aierlanlan.com/rzfs/3558.html

  • 上一篇文章:
  •   
  • 下一篇文章: