×

表单工具 表单

哪个表单工具好用?html表单元素有哪些

admin admin 发表于2022-06-29 21:15:19 浏览112 评论0

抢沙发发表评论

哪个表单工具好用


推荐使用钉钉智能填表表单工具,目前完全免费,只要有一个钉钉号的账号便可使用;发布表单后可以自动收集数据。非常快速便捷。功能好用,不管是添加还是编辑字段都比几乎所有其他的app都要快速方便。基本包含所有常用的表单字段、支持添加图像表格还有手写签名、可以套用模板或对模板进行自定义、可以与团队的其他成员共享表单、协作办公。是你办公的好帮手。

html表单元素有哪些


HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。

一、文本域《input type=“text“ name=“text“ value=““ /》

二、密码域

密码跟文本框类似,但是在里面输入的内容显示为圆点。
《input type=“password“ name=“text“ value=““ /》

三、单选按钮

男人:《input type=“radio“ name=“sex“ value=“male“ /》 Male《br /》
女人:《input type=“radio“ name=“sex“ value=“female“ /》 Female-表单工具

四、复选框

《input type=“checkbox“ name=“check1“ value=““ /》

五、按钮

《input type=“button“ value=“确认“ /》

六、重置按钮

当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。《input type=“reset“ value=“重置“ /》

七、提交按钮

当点击提交按钮时,浏览器将自动提交表单。《input type=“submit“ value=“提交“ /》

八、隐藏域

隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。《input type=“hidden“ value=“我是一个隐藏域“ /》

九、上传域《input type=“file“ value=““ /》

十、图片按钮《input type=“image“ src=“123.gif“ /》

十一、下拉列表《select》
《option value=“0“》0《/option》
《option value=“1“》1《/option》
《option value=“2“》2《/option》
例如:
属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。  
-表单

十二、label

abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。-表单工具

例如:

《label》《input type=“radio“ name=“male“ /》男人《/label》《/p》
《label》《input type=“radio“ name=“male“ /》女人《/label》《/p》

十三、禁用(disabled)与只读(readonly)-表单

禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。-表单工具

禁用文本框:《input type=“text“ disabled=“disabled“ /》

只读文本框: 《input type=“text“ readonly=“readonly“ /》《/form》

十四、TextArea

十五、fieldset    定义域
fieldset用于给表单元素分组,legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。-表单


ajax提交form表单怎么写


方法一:

复制代码代码如下:

function AddHandlingFeeToRefund()

{
var AjaxURL= “../OrderManagement/AjaxModifyOrderService.aspx“;
alert($(’#formAddHandlingFee’).serialize());
$.ajax({
type: “POST“,
dataType: “html“,
url: AjaxURL + ’?Action=’ + ’SubmitHandlingFee’ + ’&OrderNumber=’ + $.trim($(“#《%=this.txtOrderNumber.ClientID %》“).val()),
data: $(’#formAddHandlingFee’).serialize(),
success: function (result) {
var strresult=result;
alert(strresult);
//加载最大可退金额
$(“#spanMaxAmount“).html(strresult);
},
error: function(data) {
alert(“error:“+data.responseText);
}
});
}

方法二:

复制代码代码如下:

//ajax提交form表单的方式
$(’#formAddHandlingFee’).submit(function() {
var AjaxURL= “../OrderManagement/AjaxModifyOrderService.aspx“;
alert($(’#formAddHandlingFee’).serialize());
$.ajax({
type: “POST“,
dataType: “html“,
url: AjaxURL + ’?Action=’ + ’SubmitHandlingFee’ + ’&OrderNumber=’ + $.trim($(“#《%=this.txtOrderNumber.ClientID %》“).val()),
data: $(’#formAddHandlingFee’).serialize(),
success: function (data) {
var strresult=data;
alert(strresult);
//加载最大可退金额
$(“#spanMaxAmount“).html(strresult);
},
error: function(data) {
alert(“error:“+data.responseText);
}

});
}
);

页面html代码:

复制代码代码如下:

《form id=“formAddHandlingFee“ name=“formAddHandlingFee“ enctype=“multipart/form-data“ onsubmit=“AddHandlingFeeToRefund()“》
《table id=“AddHandlingFee“ class=“Wfill“》
《tr》
《td》
《asp:Literal ID=“UI_Amount“ runat=“server“ Text=“处理费用“ meta:resourcekey=“HandlingFeeAmount“ /》
《/td》
《td》
《input type=“text“ id=“txtHandlingFeeAmount“ name=“txtHandlingFeeAmount“ class=“{required:true,number:true}“ maxlength=“12“ /》
《/td》
《/tr》
《tr》
《td》
《asp:Literal ID=“UI_HandlingFeeType“ runat=“server“ Text=“费用类型“ meta:resourcekey=“HandlingFeeHandlingFeeType“ /》
《/td》
《td》
《crmweb:HtmlSelectControl ID=“HandlingFeeType“ EnumTypeName=“DX.OMS.Model.Common.HandlingFeeType,DX.OMS.Model.Common“ EmptyValue=““ EmptyText=“Select“ runat=“server“ class=“text {required:true}“/》
《/td》
《/tr》
《tr》
《td》
《asp:Literal ID=“UI_Notes“ runat=“server“ Text=“备注“ meta:resourcekey=“HandlingFeeNotes“ /》
《/td》
《td》
《textarea id=“txtNotes“ name=“txtNotes“ class=“text {required:true}“ cols=“22“ rows=“2“ maxlength=“100“》《/textarea》
《/td》
《/tr》

《tr》
《td》
《/td》
《td》
《input id=“Submit1“ type=“submit“ value=“添加处理费“ /》
《asp:Button ID=“Button1“ runat=“server“ Text=“添加处理费“ OnClientClick=“javascript:AddHandlingFeeToRefund()“ /》
《/td》

《/tr》
《/table》
《/form》
-表单工具