博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML表格和HTML表单
阅读量:3943 次
发布时间:2019-05-24

本文共 1840 字,大约阅读时间需要 6 分钟。

HTML 表格

表格由 
标签来定义
每个表格均有若干行(由  标签定义),每行被分割为若干单元格(由  标签定义)字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

在这里插入图片描述

(1)表单标记

<table>...</table>标记表示表格

width属性用来设置表格的宽度

border属性用来设置表格的边框
align属性用来设置表格的对齐方式
bgcolor属性用来设置表格的背景

(2)标题标记

标题标记以开头,以结束,标题标记也有一些属性,比如 align,valign

(3)表头标记

以开始,以结束

(4)表格行标记

表格行标记以开头,结束,一组标记表示表格中的一行。标签要嵌套在
标签中使用

(5)列标记

 开始,结束。一个标记可以嵌套若干个标记。该标记也具有align,background,valign等属性

举例:

  
标题标记
学生考试成绩单
姓名 语文 数学 英语

在这里插入图片描述

HTML表单

表单是一个包含表单元素的区域

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

.input 元素.

(1)action属性

该属性用来指定处理表单数据程序的URL地址。

(2)method 属性

该属性用来指定数据传送到服务器的方式。它有两种属性值,分别是get与post。get属性值表示将输入的数据追加在action指定的地址后面,并传送到服务器。当属性值为post时,会将输入的数据

(3)name属性

该属性指定表单的名称,其值程序员可以自定义。

(4)OnSubmit属性

该属性用于指定当用户单击提交按钮时触发事件。

(5)target属性

该属性指定输入数据结果显示在哪个窗口中,其属性值可以设置为_blank,_self, _parent,_top。

(1)_blank表示在新窗口中打开目标文件

(2)_self表示同一个窗口中打开(该项一般不用设置)
(3)_parent表示在上一级窗口打开,一般使用框架页时经常使用。
(4)_top 表示在浏览器的整个窗口中打开,忽略任何框架。

HTML 表单 - 输入元素

多数情况下被用到的表单标签是输入标签,< input>。

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

文本域通过 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

First name:
Last name:

浏览器显示如下:

在这里插入图片描述
注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。
注意:
Type属性是< input>标记中非常重要的内容,决定了输入数据的类型。
在这里插入图片描述

    
博客
用户名:
密码:
确认密码:
性别:
男 
爱好:
体育
旅游
听音乐
看书
E-mail:

<select>...</select>下拉列表框标记

使用<option>标记向列表中添加内容。<select>标记的语法格式如下:

name          用于指定列表框的名称size          用于指定列表框中显示的选项数量,超出该数量的选项可以通过拖动滚动条查看disabled      用于指定当前列表框不可使用(变成灰色)multiple      用于让多行列表框支持多选

多行文本标记

标签定义多行的文本输入控件
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体。通常情况下,标记出在标记的标记内容中。

Wrap属性可选值

Hard 默认值,表示自动换行
Soft 自动换行
Off 不自动换行

举例:

在这里插入图片描述

转载地址:http://ueawi.baihongyu.com/

你可能感兴趣的文章
how to disable watchdog
查看>>
android SDIO error导致wifi无法打开或者连接热点异常的问题
查看>>
android USB如何修改Serial Number or SN?
查看>>
android 用svn管理的版本编译出来有问题
查看>>
android 如何用jar包代替java代码编译
查看>>
android 数据连接关闭的情况下如何让彩信发不出去
查看>>
android 编辑彩信,加入几页铃声,预览暂停界面,铃声名字不见了
查看>>
android 在新建短信时,加入名称为","(英文逗号)的联系人时,应用崩溃的修改
查看>>
android 关于LCD背光调节渐变过程引起背光闪烁问题
查看>>
android 保存具有不同前缀的同一号码分别为A和B,用其中一个呼叫,通话记录一直显示另一个联系人名字的问题
查看>>
android 在手机中预置联系人/Service Number
查看>>
android 系统语言为英语时,Contacts联系人名字含有特殊前缀后缀(Dr. Mr. Lt等)时的相关问题处理
查看>>
android 短信下,添加联系人,进入联系人多选界面出现联系人电话号码晃动的问题
查看>>
android 对一个合并后的联系人选择编辑,手机屏幕会缓慢变暗后再进入编辑界面的问题
查看>>
正确学习javascript。困惑的指南
查看>>
SERO幻影社区的背景怎么样?几大主流隐私币种技术分析!
查看>>
SERO目前具备的十大技术特点
查看>>
Neo4j CQL语句学习Day3
查看>>
Neo4j CQL学习Day4
查看>>
Mysql 数据库
查看>>