HTML表单属性详解
表单的那些属性,真的是前端里绕不开的基本功。<form>标签的作用其实挺直接:采集用户输入,点击提交,信息就跑服务器去了。
按钮一按,后端就能收到用户填的各种信息,想登录注册、搜索上传,全靠它。
提交方式主要有两种,GET和POST,前者参数直接挂 URL 上,适合查个天气啥的;后者藏在求体里,安全点,像登录表单一般都用它。
action属性指定数据提交给哪个地址,method就是提交方式。还有个比较实用的属性是autocomplete,能帮用户自动填充之前输过的数据。
有时候表单要加点交互,像用JavaScript控制表单提交时机,或者用jQuery来搞异步提交,这样用户体验会更顺滑。
你要是用表单,记得搭配服务器逻辑,比如 PHP 防止重复提交 就挺实用,还有像 JS 定时提交、jQuery 异步提交 这些也能参考下。
如果你还不熟 HTML 表单,建议先写个登录页练练手,顺便试试不同的<input>类型,像email
、password
这些,让表单更智能些。
706KB
文件大小:
评论区