html的内框架标签及表单

内框架性及相关属性

<iframe></iframe>,创建包含另外一个文档的标签。

1. src：载入这个框架要载入的文档地址
2. width:设置宽度
3. height：设置高度
4. frameborder：0不显示边框，1显示边框

5. name：规定iframe的名字,可以配合a标签的target属性使用(a标签指向的地址，在iframe的name与target一致的内框架打开)

   <a href='www.baidu.com' target='myiframe'>点击有惊喜</a>
   <iframe src="www.hhh.com' width="500" 
   height="500" name="myiframe" frameborder="0"></iframe>
   <!--如果要让框架中的页面在整个页面打开，我们把a标签的target设置为'_parent'-->

 

 表单

给服务器传递数据使用。

(1）<form></form>form标签的内容是表单内容。

属性：

method提交数据的方法，默认是get，可以指定为post。

action提交数据的地址。

(2)<input></input>，输入框。

属性：

type,默认为text。

name，该表单项文本传递到服务器的标识。

maxlength,可输入文本的长度。

disabled，表示是否禁用。该值不会被提交。

readonly,表示是否只读。该值会被提交。

value,默认值。

type:password。输入会被加密。

type：radio。单选框。只能选择一个。一定要分组。

西瓜<input type='radio' name="fruit" value='1'></input >
桃子<input type='radio' name="fruit" value='2'></input >
葡萄<input type='radio' name="fruit" value='3' checked></input ><!--checked默认选中-->

type:checkbox,多选。

西瓜<input type='checkbox' name="fruit" value='1' />
桃子<input type='checkbox' name="fruit" value='2' checked="checked" />
荔枝<input type='checkbox' name="fruit" value='2' />
葡萄<input type='checkbox' name="fruit" value='3' checked /><!--checked默认选中-->

type:file,上传框。multiple,上传多个文件。

type:submit,上传按钮。此时写的value值为按钮的提示。

type:image,把图片作为提交按钮，src指定图片来源，heigth高度，width宽度。

type：reset，重置按钮。

(3)<lable></lable>为表单设定标注。

for属性，与input标签的id属性配合使用。两个一起绑定。

<lable for="nan">男</lable><input type="radio" id="nan" name="sex" value="0"/>
<lable for="nv">女<lable/><input type="radio" id="nv" name="sex" value="1"/>

(4)<select></select>，定义一个下拉列表。

name定义传输的数据标识。

(5）<option></option>,定义下拉列表的每一项。

value属性：传递给服务器的值。

selected属性：默认选中项。

disabled属性：禁止选中。

(6）<optgroup></optgroup>对option进行分组。

lable属性：定义分组的描述。

disabled属性：禁用。

mutiple属性：表示可以多选。

size属性：表示允许选中多少个。

(7)<textarea>默认值</textarea>表示文本域。

name属性：传输的表示。

cols属性：文本域可见的宽度。

rows属性：文本域可见的高度。

<textarea>

</textarea><!--中间有空白和换行，则默认值有换行和空白>

(8）<button></button>

type属性：1.button   2.submit  3.reset 不写默认为提交。

与<input type="submit"/>区别 button可以加额外的东西，input单标签。