html表单基本内容

最新推荐文章于 2023-02-20 20:47:16 发布

Dont-know

最新推荐文章于 2023-02-20 20:47:16 发布

阅读量451

点赞数

本文链接：https://blog.csdn.net/u010448888/article/details/39897771

版权

虽然设定元素的name值不是必须的，但元素设定中同时使用name和id属性是一个良好地习惯。
/*在html4.0和xhtml1.0标准出现之前，web文档中的元素都是使用属性name而不是id来设定元素名称，并且对name的值没有特别要求，即同一web文档可以出现相同的元素名称。

基本表单结构示例<form id="myForm" name="myForm" action="default.jsp" method="post"> </form>创建一个myForm表单,表单的输入控件要求在表单中输写action的属性是一个URL,可以使用绝对或相对地址.表单填写完数据,提交,把数据通过 HTTP协议传输到default.jsp这个表单处理程序中.
用来创建HTML出入控件的元素有三种:

input:该元素使用type属性定义不同控件,包括文本、口令字段、复选框单选框、提交和重置按钮、隐藏域和图像。
select和option：二者组合使用，创建一个下拉列表。
textarea：创建一个多行输入的文本框。

文本框格式:<input type ="text" id="x" size="x(文本框的长度)" maxlength="x(用户可输入的最大字符数)" placeholder="文字(文本框中提示的文字)" style="border:red 1px solid(solid显示边框、1px边框宽度，文本框的颜色设置)" 一般在文本框前用label标签
口令输入框:<input type="password"/>password输入的字符类型是密码类型，就是文本框里输入时是密码类型
复选框：<input type="checkbox" name="x"/> 单选框：<input type="radio" name="x"/> name相同表示在同一组中。复选框同时可以选中同一组中多个。单选框只能同时选中同一组中一个。
提交、重置、普通、文件、隐藏按钮：<input type="sumbit/reset/button/file/hidden" value="按钮上显示的文字"/>
文件按钮扩展：a.为在表单中使用此控件，必须在<form>的enctype属性为form/multipart,以允许要上传的文件与其他数据附带在一起传递.b.使用method为post,而非get,即<form id ="myForm" action="URL" method="post" enctype="form/multipart">
自定义图形按钮：<input type="image" src="图片路径" alt="指定当图片不能显示时应显示的文本">
下拉列表:<select size="x(来指定显示多少选项)" multiple="multiple(用户可以选择多个选项)" disable="disable(下拉列表内容变浅)" >

<option>下拉列表里显示的内容</option>...</select>

多行文本：<textarea row="x(高)" cols="x(宽)">xxxxxxx(显示在文本域中的文本)</textarea>
fieldset和legend:fieldset元素被用作表单元素的一个容器,它在被包含的元素周围显示一个细边框的盒子.legend在fieldset盒子上加一个标题.

格式<fieldset><legend>框框的标题</legend>框框里的内容</fieldset>

水平分割线:<hr/> 属性size 水平线的粗细单位是px 属性color 水平线的颜色 width 水平线的宽度单位px align 水平线的对齐方式(center居中/left靠左/right靠右) noshade 水平线不显示3D阴影
label文本标签:<label for="相关标记的id">标签文本</label>
滚动效果上课补充:<marquee id="top1" scrollamount(时间,即文本滚动速度)="1" direction(方向)="left/right" > <font class ="font1"> 要滚动的文本</font></marquee>