HTML---基本表单标签及属性_target= myframe-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42488087/article/details/89356176

HTML标签—基本表单标签和属性，frameset框架集合

frameset框架集合是什么？怎么用？

在这里插入图片描述

如上图：就是用过frameset实现的，首先把页面切割三部分，上，左，右；

首先写一个架子，frameset里嵌套frameset，rows="20%,*：指上面占20%， cols=“20%,**”：指左边占20%

<frameset rows="20%,*"> 
    <!--把top.html，也就是top.html填充到上面的页面里-->
    <frame src="top.html"/>
    <!--又嵌套了个frameset-->
    <frameset cols="20%,*">
        <!--把left.html，也就是left.html填充到左面面的页面里-->
        <frame src="left.html"/>
        <!--name="myframe":自定义个名字，下面的超链接标签的target（目标）是这里，也就是一点击超链接，会把超链接的内容填充到这个架子里-->
        <frame src="../img/下载 (2).jpg" name="myframe"/>
    </frameset
</frameset>

top.html：只有这一句话

<body>
    <h1>欢迎22222222222222@qq.com来到邮箱</h1>
</body>

left.html：这个页面全是超链接

<body>
    <!--target="myframe"点击链接，目标是myframe所在的标签，也就是右边的架子，会把图片填充到架子里-->
    <p><a href="../img/下载 (2).jpg" target="myframe">写信</a></p>
    <p><a href="../img/下载 (1).jpg" target="myframe">收信</a></p>
    <p><a href="../img/下载.jpg" target="myframe">草稿箱</a></p>
</body>

表单标签：

action属性：action是要把表单提交的url地址，method是通过什么方式提交，默认是get方式。

<form action="a" method="get"></form>

input的type属性：

<input type="text" name="username" value="请输入用户名" />

text:文本
password:密码框
radio：单选框，radio使用时name要一致,为了组成一起使用，例如

<!--单选框，checked="checked" 是默认在这个选项,或者checked=true 是默认在这个选项-->
<input type="radio" name="sex" checked="checked" />男
<input type="radio" name="sex" />女

checkbox:多选框

<!--多选框 checked="checked" 是默认在这个选项,或者checked=true 是默认在这个选项-->
<input type="checkbox" name="fruit" checked="checked"/>香蕉
<input type="checkbox" name="fruit" checked="checked"/>梨
<input type="checkbox" name="fruit" />苹果

file:上传文件
submit：提交按钮；点击此按钮会把数据提交到后台，前提是from的action设置好了正确的url

button:普通按钮

reset:重置按钮

hidden:隐藏域

data：日期类型

tel：手机号

number:只允许输入数字

placeholder：指定默认提示信息

name:在表单提交时，当作参数的名称，输入的值作为参数的值以键值对方式一起提交

image:提交图片

<input type="image" src=图片路径 />

textarea**:文本域，可以输入一段文本；cols:指定宽度，rows:指定高度

<textarea cols="50" rows="5"></textarea>

select:下拉列表;multiple="multiple"是可以多选的；selected=“selected”：默认被选中的；option:是选择项

<select name="pro" multiple="multiple">
    <option>吉林</option>
    <option selected="selected">北京</option>
    <option>石家庄</option>
</select>