表单元素的了解和表单元素分类,代码的认解。 0908下

表单元素:
<sorm>代表表单
actio 要提交给哪个页面
method 数据提交的方式
get 显示提交,有长度限制
post 隐藏提交

文本框<input type="text" value="文本框的值" name="文本框的名称">
密码框<input type="password" value="文本框的值" name="密码框的名称">
隐藏域<input type="hidden" value="文本框的值" name="密码框的名称">
文本域<textrea id="给个id可以控制他" cols="控制字符多少" rows="几行高"> 内容写在这里 </textrea>

 

按钮:

普通按钮<input type="button" name="按钮的名称" value="按钮上显示的文字">
提交按钮<input type="submit" name="按钮的名称" value="按钮上显示的文字">
重置按钮<input type="reset" name="按钮的名称" value="按钮上显示的文字">
图片按钮<input type="image(提交数据)" name="按钮的名称" src="图片的地址来源">

 

选择:
单选按钮<input type="radio" name="按钮名称和组名" value="按钮的值">
复选框组<input type="checkbox" name="复选框组的名称" value="复选框组的值">

 

下拉菜单:
<select name="下拉列表名称" >
<option value="该项目的值">内容1</option>
<option value="该项目的值">内容2</option>
<option value="该项目的值">内容3</option>
</select>


其他属性:
readonlg 只读
disabled 不可用
hidden 隐藏
checked radio checkbox 用来做选中
seleted 用来下拉列表设置哪一项选中


注:
<form>标题</form>
_blank 在新窗口中打开
_self 自身页面打开
text 代表文本框

 

posted @   遇事稳坐钓鱼台  阅读(209)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示