HTML中的内联框架和表单的学习

1.<iframe>:用它可以实现在网页内切换局部的页面

    <iframe src="path(引用页面地址)" name="框架标识名" frameborder="边框" scrolling="yes/no(是否出现滚动条)"

        noresize="noresize(是否允许调整框架爱=窗口大小)" width="x" height="y"><iframe>

2.
    行级标签:不会换行(例如<p>)
    块级标签:独自成行

3.表单元素格式

    <form method="post" action=xxx.html></form>

       注意: (这里的form容易和from混淆 切记)

        action表示处理这些表单信息的页面,也就是要把这些信息交给哪个页面处理。一般需要一个后台程序来处理这些信息。

        method一般有两个值,一个是get,一个是post,get表示从服务器获取信息,post表示向服务器提交信息。

        reset是原生的表单功能,用来清空表单内的数据。

        submit是表单自带的功能,用来提交表单的数据。

注意:文本字段的默认值是20个字符。

    <input type="input元素类型" name="input元素名称" value="input元素的值">

    <input type="text" name="frame" value="text">

    type属性:指定元素的类型。(text,password,checkBox,radio,submit,reset,

        file,hidden,image,button等,默认是text)

    name属性:指定表单元素的名称

    value属性:元素的初始值。type为radio时必须指定一个值

    size属性:指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位。

    maxlength属性:type为text或password时,输入的最大字符。

    checked属性:type为radio或checkbox时,指定按钮是否被选中。

4.注意事项

    定义了<input>元素的标签,一般为输入标签

    注意:同一组的单选按钮,name取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。

 5.表单元素<label>域<fieldset>域标题<legend>

    增强鼠标的可用性

    自动将焦点转移到与该标注相关的表单元素上

    <label for="id">标注的文本</label>

    <fieldset><legend>用户信息</legend></fieldset>


猜你喜欢

转载自blog.csdn.net/pojpoj/article/details/80296162