表格丨结构标签丨表单丨展示图加代码

<table border="1px" align="center" cellpadding="50%" cellspacing="0px">
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<td rowspan="2">1</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>1</td>
<!-- <td>1</td> -->
</tr>
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<!-- <td>1</td> -->
</tr>
</table>

<p>结构标签</p>
<header>&lt;header&gt;头部</header>
<nav>&lt;nav&gt;导航</nav>
<section>&lt;section&gt;相当于DIV</section>
<article>&lt;article&gt;定义独立文章,论坛的帖子等</article>
<footer>&lt;footer&gt;页脚<footer>
<aside>&lt;aside&gt;侧边栏,广告栏等</aside>

<p>ul li 无序列表(属性 disc:默认;circle:空心圆;square:实心矩形)</p>
<ul>
<li>梨子</li>
<li>草莓</li>
<li>苹果</li>
</ul>
<ul type="square">
<li>梨子</li>
<li>草莓</li>
<li>苹果</li>
</ul>
<p>ol li 有序列表(属性 1:默认; a,A,I,i)</p>
<ol>
<li>Web</li>
<li>HTML</li>
<li>xiaohaimian</li>
</ol>

<p>表单(form)</p>
<form action="表单提交的地址" method="提交方式post/get">
用户名:<input type="text" name="user" value=""/>
密码:<input type="password" name="pass" value="" /><br/>
<p>你的性别:</p>
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<p>你的爱好:</p>
<input type="checkbox" name="" value="游戏" />游戏
<input type="checkbox" name="" value="编程" />编程
<input type="checkbox" name="" value="打架" />打架
<input type="checkbox" name="" value="泡妞" />泡妞
<p>上传文件:</p>
<input type="file" />
</form>

时间: 2024-10-26 19:33:14

表格丨结构标签丨表单丨展示图加代码的相关文章

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签 排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用 列表 ???????1.无序列表 常用 ??????2.有序列表 ??????3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl

HTML &lt;fieldset&gt; 标签将表单内的相关元素分组

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段. 当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单来处理这些元素. <fieldset> 标签没有必需的或唯一的属性. <legend> 标签为 fieldset 元素定义标题. HTML 4.01 与 HTML 5 之间的差异 HTML5 拥有如下属性:disabled.form.name,H

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

防止表单重复提交的代码

防止表单重复提交的代码:有时候可能因为各种原因出现表单重复提交现象,单丝这往往并不是我们想要的结果,下面就介绍一种防止表单重复提交的代码,希望能够给大家带来或多或少的帮助,代码如下: $(document).ready(function() { $('form').submit(function() { if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') { jQuery.data(this, "di

ASP.NET Razor简单的表单提交处理的代码

如下内容段是关于ASP.NET Razor简单的表单提交处理的内容. <!DOCTYPE html><html> <body> br/>@{if (IsPost){ string companyname = Request["CompanyName"]; string contactname = Request["ContactName"]; <p>You entered: <br> Company

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

HTML常用标签及表单标签

HTML初识 HTML(Hpyer Text Markup Language的缩写)译为"超文本标签语言",用来描述网页的一种语言.所谓超文本,因为它可以加入图片.声音.动画.多媒体.一个文件跳转到另外一个文件,与世界各地主机的文件连接. HTML的作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来. HTML骨架格式 HTML标签分类 HTML标签:带有'<>'符号的元素.主要有2种标签:双标签和单标签. HTML标签关系 并列关系.父子关系.孙子关系. 文档类型