Javaweb基础入门HTML之table与form
目录
- 前章知识
- HTML简介:
- 本节用到的单词意思:
- table的相关用法
- form的相关用法
- 输入元素
- 文本域(TextFields)
- 密码字段
- 单选按钮(RadioButtons)
- 提交按钮(SubmitButton)
- textarea:多行文本框
- 综合代码
前章知识 : 点此跳转
HTML简介: 超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便
本节用到的单词意思:
border: 边框、边界。
cellspacing:单元格间距、细胞间距
spacing:覆盖
submit:提交
button:按钮
font:字体
action:行动
checked:选中的
option:选项
textarea:文本区
table的相关用法 【Javaweb基础入门HTML之table与form】表格 table
行 tr
列 td
表头列:th
姓名 班级 学号 笑霸fianl 4班 001 钟钟 4班 002 刀刀 4班 003 茂茂 4班 001
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GWY3-0.png)
文章图片
表格 table有如下属性:
border:表格边框的粗细
width:宽度
cellspacing:表格间距
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GU928-1.jpg)
文章图片
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GVS0-2.jpg)
文章图片
cellpadding:表格填充
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GT207-3.jpg)
文章图片
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GW550-4.jpg)
文章图片
行 tr有如下属性:
center(中),left(左默认),right(右)
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GSa5-5.jpg)
文章图片
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GV358-6.jpg)
文章图片
位置发生了变化。
form的相关用法 定义和用法
标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。
输入元素
文本域(Text Fields) 文本域通过
标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。浏览器显示如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GT253-7.png)
文章图片
注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。
密码字段 密码字段通过标签
来定义:浏览器显示效果如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GV3Y-8.png)
文章图片
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GQV1-9.png)
文章图片
注意:密码字段字符不会明文显示,而是以星号或圆点替代。
单选按钮(Radio Buttons)
标签定义了表单单选框选项浏览器显示效果如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GQE8-10.png)
文章图片
复选框(Checkboxes)
定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。浏览器显示效果如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GR115-11.png)
文章图片
提交按钮(Submit Button)
定义了提交按钮.当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
浏览器显示效果如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GU026-12.jpg)
文章图片
textarea:多行文本框 注意:
备注:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GVG2-13.png)
文章图片
综合代码
表单学习
效果如下:
![Javaweb基础入门HTML之table与form](http://img.readke.com/220716/122GRY1-14.jpg)
文章图片
到此这篇关于Javaweb基础入门HTML之table与form的文章就介绍到这了,更多相关Javaweb table内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- docker 基础入门
- 网络基础概念|计算机网络知识点总结(四)
- 2022年字节跳动基础架构前端实习生凉经(4轮技术面+hr面)
- Tornado入门(三)【协程】
- 英语基础一般,如何备战雅思()
- 零基础学习UI,如何4个月入职互联网公司成为一名月薪过万的UI设计师()
- Java基础知识对多态的理解
- 快速入门python看过的一些资料
- Tomcat介绍和配置使用
- 微信小程序|微信小程序4-小程序的api