html的table用法,html语言table
00-1010上一章知识HTML介绍：本节所用词语的含义：表格的相关用法；形式的相关用法；输入元素文本字段；密码字段；单选按钮；submit button)textarea；多行文本框综合编码
00-1010:点击此处跳转。
目录
超文本是一种组织信息的方式。它通过超链接的方式将文本、图表等信息媒体链接起来。这些相互关联的信息媒体可能在同一文本、其他文件或远程计算机上的文件中。这种组织信息的方式将分布在不同地点的信息资源以随机的方式连接起来，为人们查找和检索信息提供了方便。
前章知识
边界：边界，边界。单元格间距3360单元格间距，单元格间距3360覆盖提交：提交：按钮：字体：操作：选中的操作：选定的选项：选项文本区域：文本区域
00-1010表格表格
线tr
列td
标题：th
表格边框=1 宽度=5 单元格间距=2.5 单元格填充=20tr align=center ！-这意味着OK-！-border= 1 with= 5 cellspacing= 2.5 cell padding= 10 已被删除- th name /th！——这意味着列——第个班级/第个学号/第个/trtr！-这意味着是-TD bully fian l/tdtd 4 class/tdtd 001/TD/trtr！-这意味着OK - td时钟/TDTD 4级/tdtd002/td/trtr！-这意味着OK - td刀/TDTD 4级/tdtd003/td/trtr！-这意味着OK - td何苗苗/TDTD 4级/tdtd001/td/tr/table
表格具有以下属性：边框：表格边框宽度：宽度单元格间距：表格间距
单元格填充：表单填充
tr线具有以下属性：中心(中间)、左侧(默认为左侧)和右侧(右侧)
位置变了。
00-1010定义和用法
标签用于创建供用户输入的HTML表单。表单可以包含输入元素，如文本字段、复选框、单选框、提交按钮等。该表单还可以包含菜单、文本区、字段集、图例和标签元素。表单用于向服务器传输数据。
HTML简介：
00-1010文本字段是输入类型=textgt
; 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。
<form>昵称：<input type="text" name="usr" value="请输入你的昵称"/><br /></form>
浏览器显示如下：
注意:表单本身并不可见。同时，在大多数浏览器中，文本域的默认宽度是 20 个字符。
密码字段
密码字段通过标签<input type="password"> 来定义:
<form>密码：<input type="password" name="pwd"/></form>
浏览器显示效果如下:
注意:密码字段字符不会明文显示，而是以星号或圆点替代。
单选按钮（Radio Buttons）
<input type="radio">标签定义了表单单选框选项
<form>性别：<input type="radio" name="iox" value="male" checked="checked"/>男 <input type="radio" name="iox" value="female" />女 <input type="radio" name="iox" value="both"/>双性<br /> <!-- checked="checked"就是默认选择 可以省略为checked <input type="radio" name="iox" value="male" checked/>男--></form>
浏览器显示效果如下:
复选框（Checkboxes） <input type="checkbox">定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
<form>爱好：<input type="checkbox" name="like" value="bsk" checked/>篮球 <input type="checkbox" name="like" value="pp" checked/>乒乓球 <input type="checkbox" name="like" value="fdb"/>足球</form>
浏览器显示效果如下:
提交按钮(Submit Button)
<input type="submit"> 定义了提交按钮.
当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
<form name="input" action="html_form_action.php" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit"></form>
浏览器显示效果如下:
textarea：多行文本框
注意：
<textarea name="beizhu" rows="4" cols="50"></textarea><textarea name="beizhu" rows="4" cols="50">这里不要轻易打回车 不然会有默认的value值</textarea>
备注：<br /><textarea name="beizhu" rows="4" cols="50"></textarea><br /> <input type="submit" value="注册" /> <input type="reset" value="重置" />
综合代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单学习</title><!-- 表单 form --> <form style="border:1px solid darkorchid" action="02表单02.html" > 昵称：<input type="text" name="usr" value="请输入你的昵称"/><br /> 密码：<input type="password" name="pwd"/><br /> 性别：<input type="radio" name="iox" value="male" checked="checked"/>男 <input type="radio" name="iox" value="female" checked/>女 <input type="radio" name="iox" value="both"/>双性<br /> 爱好：<input type="checkbox" name="like" value="bsk" checked/>篮球 <input type="checkbox" name="like" value="pp" checked/>乒乓球 <input type="checkbox" name="like" value="fdb"/>足球 <br /> 生肖：<select> <option>鼠</option><option>牛</option><option>虎</option><option>兔</option> <option selected value="5">龙</option><option>蛇</option><option>马</option><option>羊</option> <option>猴</option><option>鸡</option><option>狗</option><option>猪</option> </select><br /> 备注：<br /><textarea name="beizhu" rows="4" cols="50"></textarea><br /> <input type="submit" value="注册" /> <input type="reset" value="重置" /> </form></head><body></body></html>
效果如下：
到此这篇关于Javaweb基础入门HTML之table与form的文章就介绍到这了,更多相关Javaweb table内容请搜索盛行IT以前的文章或继续浏览下面的相关文章希望大家以后多多支持盛行IT！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。