学习笔记1：表单

知识点：
一、table tr td 属性
二、表单元素

--------------------------------------------------------------------------------------------------------------------------------------------
一、table tr td 属性

table属性：
border 边框 默认0
align 水平位置=“left左（默认） center中 间 right右”
width=“600” 宽度
height=“300”高度
cellpadding=“0” 文字到边框的最小距离
cellspacing=“0” 边框的厚度

bordercolor=“#0000000”边框的颜色
bgcolor=“#000”背景色
background=“url” 遵循相对路径规则 注意：如果背景图的宽<表格宽、背景图的高<表格的高 ，背景图会横向和纵向平铺

**********************************************************************************************

tr 控制一行
height=“40”行的高度
align（水平位置）=“left左（默认） center中间 right右”行中内容的左 中 右
valign=“top上 middle中 bottom下”

注意：所有的元素都有id属性，唯一性，标识（字母 数字 _） /* 第一个字由_和字母组成 */

**********************************************************************************************

td 控制一个单元格
align（水平位置）=“left左（默认） center中间 right右”行中内容的左 中 右
valign=“top上 middle中 bottom下”

注意：所有元素都遵循“就近原则”

合并单元格：
1行上的—colspan=“2” 合并行的单元格
2行上的—rowspan=“2” 合并列的单元格

合并：先行后列

--------------------------------------------------------------------------------------------------------------------------------------------

二、表单元素

1、表单
网页 请求->响应 工作 request--> response互动比较难 不及时
表单:用来解决客户 工作者 互动问题

2、表单元素
表单:<form></form>
action 动作跳转=“路径（遵循相对路径规则）”
**********************************************************************************************
input元素 输入型的元素 input输入
<input type=""/>
type=“text”文本框 name=“u1”名字 value=“请输入用户名”默认值
type=“password”密码框 name=“ui”
type=“checkbox”复选框 name=“ck” checked=“checked”默认选中
type=“file”上传控件 name=“upi”
type=“hidden”隐藏域 name=“hd” <隐藏性传值>
type=“radio”单选框 name=“us”<一般用来指性别，必须name属性里的值一样> checked=“checked”默认选中

按钮：
type=“submit”提交按钮 value=“注册”按钮上的文字
type=“image”图片提交按钮 src=“路径”
type=“reset”重置按钮 value=“重置”<将同一表单中的其他元素还原>
type=“button”普通按钮 配合js、jQuery代码 value=“普通”

**********************************************************************************************

非input元素

下拉列表：<select name="sel"> select选择
                  <option value="1" selected="selected">上海</option>     selected="selected"默认选中
                  <option value="2">北京</option> option选项
                  <option value="3">广西</option>
                  <option value="4">广东</option>
                  <option value="5">深圳</option>
              </select>
                    

文本域：textarea
         <textarea rows="6" cols="40"></textarea>
rows=“行数”超过6行出现滚动条
cols=“列数”超过40列就换行

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有