ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

form表单

2022-08-08 11:04:14  阅读:199  来源: 互联网

标签:checked form 表单 单选 提交 按钮 下拉框


表单 form
<form action="" method="post"></form>
action=""将表单提交到对应地址
method="get/post"提交方式
get获取
post传输

1.如何实现表单提交
①<form action="提交地址"></form>
②提交按钮<button type="submit">提交</button>(button写到form里面)

表单控件
1.单行文本输入框text
<input type="text">
type类型 text 文本
2.密码password (隐藏)
<input type="password" placeholder>
3.单选按钮 radio
<input type="radio">
单选按钮实现多选一,设置同一个name值
<input type="radio" name="sex">
默认选中checked="checked"
4.多选框 复选框checkbox
<input type="checkbox">
默认选中checked="checked"
check检票 box盒子
5.上传文件 file
<input type="file" >
6.下拉框select
<select>
<option>北京市</option>
<option>河北省</option>
<option>吉林省</option>
</select>
selected下拉框默认选中
option选项
7.多行文本textarea
<textarea></textarea>


表单属性
1.提示信息placeholder
2.值 value
3.必填项required="required"
4.最大字符限制maxlength="4"
5.禁用disabled="disabled"
6.只读readonly="readonly"

标签:checked,form,表单,单选,提交,按钮,下拉框
来源: https://www.cnblogs.com/mjl2004108/p/16561046.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有