标签: forms

是否可以制作具有两个输入值的HTML5滑块,例如选择价格范围？如果是这样,怎么办呢？

我有一个类似下面的表单发布到contacts.php,用户可以使用jquery动态添加更多.

<input type="text" name="name[]" />
<input type="text" name="email[]" />

<input type="text" name="name[]" />
<input type="text" name="email[]" />

<input type="text" name="name[]" />
<input type="text" name="email[]" />

如果我在PHP中用下面的代码回显它们

$name = $_POST['name'];
$email = $_POST['account'];

foreach( $name as $v ) {
print $v;
}

foreach( $email as $v ) {
print $v;
}

我会得到这样的东西:

name1name2name3email1email2email3

我怎样才能将这些数组变成类似下面的代码

function show_Names($n, $m)
{
return("The name is $n and email is $m, thank you");
}

$a = array("name1", "name2", "name3");
$b = array("email1", "email2", "email3");

$c = …

提交表单时,我正在尝试doSomething()代替默认的帖子行为.

显然在React中,onSubmit是表单支持的事件.但是,当我尝试以下代码时:

var OnSubmitTest = React.createClass({
    render: function() {
        doSomething = function(){
           alert('it works!');
        }

        return <form onSubmit={doSomething}>
        <button>Click me</button>
        </form>;
    }
});

该方法doSomething()运行,但此后,仍然执行默认的后期行为.

你可以在我的jsfiddle中测试这个.

我的问题:如何防止默认的帖子行为？

是否可以提交没有提交按钮的表单(按Enter键)示例:

<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
  <input [(ngModel)]="lxxR"   ngControl="xxxxx"/>
</form

我有一个textarea,它包含在div中,因为我有jquery提示,并希望在不更改边框的情况下使用不透明度.有一个可见的垂直滚动条,当我在文本字段中输入并且超出容器时,我只想显示它.我试过溢出:auto; 但不起作用.

文本域:

<label>
    <div id="name">
        <textarea name="message" type="text" id="message"
            title="Enter Message Here"
            rows=9 cols=60 maxlength="2000"></textarea>
    </div>
</label>

样式:

#name { 
    border: 1px solid #c810ca;
    width: 270px;
    height:159px;
    overflow: hidden; 
    position: relative;
    }

#message {
    height: 400px;
    width: 235px;
    overflow: hidden;
    position: absolute;
}

我遇到了问题.on().我有多个表单元素(表单class="remember"),我也form.remember使用AJAX 添加另一个.所以,我希望它能够处理提交事件,例如:

$('form.remember').on('submit',function(){...}) 

但是使用AJAX添加的表单不适用于它.

问题出在哪儿？这是一个错误吗？

是否可以使用CSS在表单元素(特别是文本字段)上禁用自动完成功能？

我使用的标签库不允许自动完成元素,我想在不使用Javascript的情况下禁用自动完成功能.

我最近遇到过几个例子:

<dl>
  <dt>Full Name:</dt>
  <dd><input type="text" name="fullname"></dd>
  <dt>Email Address:</dt>
  <dd><input type="text" name="email"></dd>
</dl>

用于做HTML表单.这是为什么？使用表格有什么好处？

我正在寻找创建没有提交按钮的HTML表单的最佳方法.这本身很容易,但我还需要在完成类似提交的事情时停止表单重新加载(例如,Enter在文本字段中点击).

我正在尝试使用react创建一个简单的表单,但是在数据正确绑定到表单的defaultValue时遇到困难.

我正在寻找的行为是这样的:

1. 当我打开我的页面时,文本输入字段应该填入我的数据库中的AwayMessage文本.那就是"示例文本"
2. 理想情况下,如果我的数据库中的AwayMessage没有文本,我想在Text输入字段中有一个占位符.

但是,现在,我发现每次刷新页面时Text输入字段都是空白的.(虽然我在输入中键入的内容确实保存并保持不变.)我认为这是因为输入文本字段的html在AwayMessage为空对象时加载,但在farMessage加载时不刷新.此外,我无法为该字段指定默认值.

为清晰起见,我删除了一些代码(即onToggleChange)

    window.Pages ||= {}

    Pages.AwayMessages = React.createClass

      getInitialState: ->
        App.API.fetchAwayMessage (data) =>
        @setState awayMessage:data.away_message
        {awayMessage: {}}

      onTextChange: (event) ->
        console.log "VALUE", event.target.value

      onSubmit: (e) ->
        window.a = @
        e.preventDefault()
        awayMessage = {}
        awayMessage["master_toggle"]=@refs["master_toggle"].getDOMNode().checked
        console.log "value of text", @refs["text"].getDOMNode().value
        awayMessage["text"]=@refs["text"].getDOMNode().value
        @awayMessage(awayMessage)

      awayMessage: (awayMessage)->
        console.log "I'm saving", awayMessage
        App.API.saveAwayMessage awayMessage, (data) =>
          if data.status == 'ok'
            App.modal.closeModal()
            notificationActions.notify("Away Message saved.")
            @setState awayMessage:awayMessage

      render: ->
        console.log "AWAY_MESSAGE", this.state.awayMessage
        awayMessageText = if this.state.awayMessage then this.state.awayMessage.text else "Placeholder Text"
        `<div …