Мне интересно, можно ли разбить html-формы?
В основном у меня нормальная форма
<form action="/post.php" method="post" id="postform">
<label for="name">Name: </label>
<input id="name" name="name" value=""/>
</form>
Затем у меня есть загрузка изображения ajax, которая включает в себя ее собственную форму из-за того, как она работает.
Затем после этого я хочу иметь кнопку отправки для первой формы.
Я знаю, что у меня может быть кнопка отправки javascript, но это закрывает всех без Javascript. Поэтому мне интересно, можно ли разбить форму на несколько групп?
например. Я знаю, что это не сработает, но оно демонстрирует, что я хочу делать.
<form action="/post.php" method="post" id="postform">
<label for="name">Name: </label>
<input id="name" name="name" value=""/>
</form>
<!-- form for ajax image upload here -->
<!-- continuation of first form -->
<form action="/post.php" method="post" id="postform">
<!-- this button should submit the top form -->
<input type="submit" value="Submit"/>
</form>
В HTML5 это возможно, как указано в fooobar.com/questions/7123/...:
Образец формы:
<form id="formID" action="action" method="post">
Text: <input type="text" value="some_id" name="some_name" />
</form>
И вы помещаете отправку, ссылающуюся на форму, чтобы отправить через свой идентификатор, где хотите
<input type="submit" name="save" value="Save" form="formID" />
У вас могут быть разные формы, разделенные с помощью разных тегов формы, с разными идентификаторами, тогда вы можете запустить форму отправки события с помощью javascript.
Без javascript на клиенте, я понятия не имею, как это сделать...
Свойство формы не работает во всех браузерах.
Я нормально делаю скрытые входы в форме с идентификаторами. Я обновляю эти скрытые входы с помощью onblur во входах вне формы.
<form action="/post.php" method="post" id="postform">
<input type="hidden" id="phone" name="phone"/>
<label for="name">Name: </label>
<input id="name" name="name" value=""/>
</form>
<input type="phone" onblur="javascript:getElementById('phone').value=this.value"/>