HTML标签属性<form标签>

230 阅读1分钟

form表单标签

<form> 元素表示了文档中的一个区域,此区域包含有交互控制元件,用来向 Web 服务器提交信息

作用:

发送get或post请求,刷新界面(提交)

form 属性:

action:控制请求哪个界面,里面写什么地址就访问什么地址
autocomplete:自动补全用户填写信息,多用于登陆时是否自动补全登陆信息
method:选择用get或post发起请求
target:把哪个页面变成新的页面

onsubmit 事件:

用来提交表单,一个表单必须有(type='submit')属性,这个表单才可以提交(刷新)

input和button的区别:

<input type ="submit" value ="金毛"/>
input里面不能有其它内容
<button type ="submit">哈士奇</button>
button里可以添加任意内容,链接,图片任意内容

代码示例:

<body>
    <form action="/yyy" method="POST" autocomplete="on" target="_blank">
        <input name=username type="text">
        <input type="submit" value="金毛" />
        <button type="submit">
            <strong>哈士奇</strong>
            <img width="20" src="https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2019/10/9/16dafcb158c29836~tplv-t2oaga2asx-image.image" alt="">
        </button>
    </form>
</body>

效果:

哈士奇

详细资料点击:HTML超文本标记语言