html标签缩写 文本域

br是break,换行
ul是unordered lists的缩写 (无序列表)
li是list item的缩写 (列表项目)
ol是ordered lists的缩写(有序列表)
dl是definition lists的英文缩写 (自定义列表)
dt是definition term的缩写 (自定义列表组)
dd是definition description的缩写(自定义列表描述)
nl是navigation lists的英文缩写 (导航列表)
tr是table row的缩写 (表格中的一行)
th是table header cell的缩写 (表格中的表头)
td是table data cell的缩写 (表格中的一个单元格)
cell (巢)[翻译的好怪。。]
cellpadding (巢补白)
cellspacing (巢空间)------------------------
例子:

Coffee

Black hot drink

Milk

White cold drink

浏览器显示如下:
Coffee
Black hot drink
Milk
White cold drink
 
 
 
 
 
Disc 项目符号列表:
 
 
  • 苹果
  •  
  • 香蕉
  •  
  • 柠檬
  •  
  • 桔子
  •  
 
 
 
Circle 项目符号列表:
 
 
  • 苹果
  •  
  • 香蕉
  •  
  • 柠檬
  •  
  • 桔子
  •  
 
 
 
Square 项目符号列表:
 
 
  • 苹果
  •  
  • 香蕉
  •  
  • 柠檬
  •  
  • 桔子
  •  
 
 
 
 
显示结果:
Disc 项目符号列表:
  • 苹果
  • 香蕉
  • 柠檬
  • 桔子
Circle 项目符号列表:
  • 苹果
  • 香蕉
  • 柠檬
  • 桔子
Square 项目符号列表:
  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

文本域(Text Fields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。

 

First name:


Last name:

 

浏览器显示如下:

窗体顶端

First name: 
Last name: 

窗体底端

注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

单选按钮(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。

 

 Male


 Female

 

浏览器显示如下:

窗体顶端

Male
 Female

窗体底端

注意,只能从中选取其一。

复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

 

I have a bike


I have a car

 

浏览器显示如下:

窗体顶端

I have a bike
 I have a car

窗体底端

表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

 

Username:

 

浏览器显示如下:

窗体顶端

Username: 

窗体底端

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。

 

 

 

 

 

 

  •  
  •  
  •  
  •  
  •  
  •  

     

     

     

     

     

     

     

     

    This example cannot be edited

    because our editor uses a textarea

    for input,

    and your browser does not allow

    a textarea inside a textarea.

     

     

    The cat was playing in the garden.

    结果:

    This example cannot be edited because our editor uses a textarea for input, and your browser does not allow a textarea inside a textarea.

     

     

     

     

     

    健康信息:

     

     

     

     

     

    如果表单周围没有边框,说明您的浏览器太老了。

     

     

     

    结果:

     

     

     

     

     

     

     

    I have a bike:


    I have a car:


    I have an airplane:



     

     

     

    如果您点击 "Submit" 按钮,您将把输入传送到名为 html_form_action.asp 的新页面。

     

     

     

    结果:

    窗体顶端

    I have a bike: 
    I have a car: 
    I have an airplane: 

    窗体底端

    如果您点击 "Submit" 按钮,您将把输入传送到名为 html_form_action.asp 的新页面。

     

     

     

     

     

     

    这个表单会把电子邮件发送到 W3School。

    姓名:


    电邮:


    内容:



     

     

     

     

    结果:

    这个表单会把电子邮件发送到 W3School。

    姓名:
     
    电邮:
     
    内容:
     

     

     

    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值