按钮用空格命名多个单词

时间:2018-09-04 14:00:06

标签: html

我找不到与此相关的文档,但是有一种方法可以格式化按钮名称,使多个单词带有空格以匹配数据库值?

例如,如果单击某个按钮,我想将其名称x.map(Success(_)).recover({case exception => Failure(exception)}).foreach(println) 传递给将在数据库中寻找值west wing的函数。

west wing

有没有一种方法可以格式化此格式以使按钮名称合法地<button class="uk-button" name="west_wing">

5 个答案:

答案 0 :(得分:4)

不要求名称中不能包含空格:

<button class="uk-button" name="west wing">Click</button>

…,但是如果您改用该值,则可能会更容易:

<button class="uk-button" name="foo" value="west wing">Click</button>

然后,您无需在服务器端代码中的可能名称列表中进行搜索。您可以阅读它(此示例使用PHP,因为您没有指定使用的内容,并且PHP很常见):

$clicked_button = $_POST['foo'];

答案 1 :(得分:1)

您可以让生活更轻松,并坚持使用javascript。


var btnname = "west_wing";
var legit_name = btnname.replace("_", " ");

如果您的名字可能包含更多_或空格,则可以使用全局替换


var btnname = "west_wing_plus";
var legit_name = btnname.replace(/_/g, " ");

答案 2 :(得分:1)

您是否有不想写name="west wing"的理由?

我会采用这种方法,因为它是最简单,最干净的方法,除非您有理由不这样做。

答案 3 :(得分:1)

如果它是JavaScript代码,请编写此代码,以在west_wing中转换字符串:

var str = "west_wing";
var str = str.replace(/_/g, " ");

此外,您可以使用效率较低但更时髦的方式来执行此操作,而无需使用正则表达式:

var str = "west_wing";
var str = str.split("_").join(" ");

答案 4 :(得分:0)

  

我找不到与此相关的文档

按钮元素定义可以在以下位置找到:

https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-34812697

  

DOMString类型的名称提交时的表单控件或对象名称   表单。请参阅HTML 4.01中的名称属性定义。

名称属性定义可在此处找到

https://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#adef-name-BUTTON

  

name = cdata [CI]此属性分配控件名称。

有关HTML元素和属性上的CDATA类型的文档可在此处找到: https://www.w3.org/TR/1999/REC-html401-19991224/types.html#type-cdata

  

CDATA CDATA是文档中的字符序列   字符集,并且可以包括字符实体。用户代理应   如下解释属性值:将字符实体替换为   字符,忽略换行符,替换每个回车符或制表符   一个空格。用户代理可能会忽略开头和结尾的白色   CDATA属性值中的空格(例如,“ myval”可能是   解释为“ myval”)。作者不应声明属性值   前导或尾随空白。

简短回答

我想您可以这样使用“西翼”这个名字

<button class="uk-button" name="west wing">

但是也许您想使用这样的按钮:

<button class="uk-button" name="choice" value="west wing">West wing</button>
<button class="uk-button" name="choice" value="Another option">Another option</button>

然后您可以在提交后获取值,如下所示:

取决于表单方法:

$_POST['choice'];

$_GET['choice']