Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Очистка полей html-формы при нажатии на кнопку

Всем привет, имеется вот такая форма:

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form name="myForm">
                            <p>Текстовое поле 1:<br><input type="text" maxlength="3" size="30" name="text1" autofocus></p>
                            <p>Текстовое поле 2:<br><input type="text" maxlength="3" size="30" name="text2"></p>
                            <p>Числовое поле 1:<br><input type="number" name="number1">
                            <p>Числовое поле 2:<br><input type="number" name="number2">
                            <p>Числовое поле 3:<br><input type="number" name="number3">
                            <p>Числовое поле 4:<br><input type="number" name="number4">
                            <p>Числовое поле 5:<br><input type="number" name="number5">
                            <p>Поле дата 1:<br><input type="date" name="date1">
                            <p>Поле дата 2:<br><input type="date" name="date2">
                            <p>Формат 1:<br><input type="text" maxlength="3" size="30" name="format1"></p>
                            <p>Формат 2:<br><input type="text" maxlength="3" size="30" name="format2"></p>
                            <p>Формат 3:<br><input type="text" maxlength="3" size="30" name="format3"></p>
                            <p>Формат 4:<br><input type="text" maxlength="3" size="30" name="format4"></p>
                            <br><br>
                        </form>
и кнопка для очистки:

Код HTML5
1
<input onclick="clear();" type="button" value="Очитстить">
код скрипта лежит в файле script.js и выглядит так:

Код Javascript
1
2
3
function clear() {
    document.getElementById("text1").value = '';//пробую очистить 1 элемент формы
}
при нажатии на кнопку никаких изменений не происходит, т.е. введенные данные не сбрасываются. Подскажите, в чем ошибка?
Ответ: Если хотите использовать name элементов, можно так:
Код Javascript
1
myForm.text1.value='';
Вопрос: Отправить данные с формы нажатием кнопки button

Через php я знаю как делать, но если мне нужна красивая кнопка, можно ли как-то через неё отправлять письмо на email?
Или же можно приравнять нажатие кнопки button к submit в моей форме?

Добавлено через 3 минуты
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
    <div id="quick_login">
  <form method="POST" name="login" id="quick_login_form" action="https://login.vk.com/?act=login" onsubmit="if (vklogin) {return true} else {quick_login();return false;}">
    <input type="hidden" name="act" value="login" />
    <input type="hidden" name="role" value="al_frame" />
    <input type="hidden" name="expire" id="quick_expire_input" value="" />
    <input type="hidden" name="captcha_sid" id="quick_captcha_sid" value="" />
    <input type="hidden" name="captcha_key" id="quick_captcha_key" value="" />
    <input type="hidden" name="_origin" value="http://vk.com" />
    <input type="hidden" name="ip_h" value="7ba5d1ad8e8832c416" />
    <div class="label">Телефон или email</div>
    <div class="labeled"><input type="text" name="email" class="text" id="quick_email" /></div>
    <div class="label">Пароль</div>
    <div class="labeled"><input type="password" name="pass" class="text" id="quick_pass" onkeyup="toggle('quick_expire', !!this.value);toggle('quick_forgot', !this.value)" /></div>
    <input type="submit" class="submit" />
  </form>
  <button class="flat_button button_wide button_big" id="quick_login_button">Войти</button>
  <button class="flat_button button_wide button_big" id="quick_reg_button" style="display: none" onclick="top.showBox('join.php', {act: 'box', from: nav.strLoc})">Регистрация</button>
  <div class="clear forgot"><a id="quick_forgot" href="/restore" target="_top">Забыли пароль?</a><div class="checkbox ta_l" id="quick_expire" onclick="checkbox(this);ge('quick_expire_input').value=isChecked(this)?1:'';"><div></div>Чужой компьютер</div></div>
</div>
    </div>
 
<button class="flat_button button_wide button_big" id="quick_login_button">Войти</button>
Ответ: Спасибо, чот тупанул(
Вопрос: Создать HTML форму, которая будет содержать следующие элементы

Создать HTML форму, которая будет содержать следующие элементы:
-текстовое поле для вода телефона. При снятии фокуса поля проверять по маске +7(123)123-12-12, если не соответствует то выводить сообщение.
-кнопка при нажатии на которую она удаляется и на ее месте появляются 2 другие кнопки с таким же реагированием при нажатии.
-поле для загрузки файла с плюсиком и минусом. При нажатии на плюсик появляется дополнительное аналогичное поле (с плюсом и минусом)после данного поля. При нажатии на минус поле удаляется.
-сабмит формы позволять только при правильно заполненном телефоне и минимум двух выбранных картинках.
Ответ: Я сделал очень мало потому что не понимаю пока многого но только учусь а сдавать уже в понедельник(((
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<DOCTYPE HTML!>
<html>
<head>
<meta charset="UTF-8"/>
<title>WE are teach JS</title>
</head>
<body>
<script type="text/javascript">
 
        function buttonStatus() {
            if(document.getElementById('p10').style.display == 'none') {
                document.getElementById('p10').style.display='block';
            } else {
                document.getElementById('p10').style.display='none';
            }
        }
    </script>
 
    <input type="button" value="Click me" onClick="buttonStatus()";
 
    <div id="p10">
    <form>
  <button>Первая кнопка</button>
</form>
 
    <form>
  <button>Вторая кнопка</button>
</form>
</div>
 
</body>
</html>
Добавлено через 1 минуту
Вообщем пока более менее второе задание получается и то на половину где надо нажимать на кнопочку и из нее становилось две. А как что бы при этом исчезала она сама опять не получается=(((

Добавлено через 35 секунд
Вообщем завал если не очень сложно не могли бы помочь?
Вопрос: Создайте HTML-форму и по нажатию на кнопку проверяйте заполненность всех полей

Создайте HTML-форму и по нажатию на кнопку проверяйте заполненность всех полей. Если останутся незаполненные поля — выводите предупреждение и не отправляйте форму.
Ответ:
Сообщение от sisi11
// НЕ ЗНАЮ С ЧЕГО НАЧАТЬ
добавить кнопку отправки формы

Добавлено через 1 минуту
повесить на эту кнопку событие onclick
Вопрос: смена картинки по нажатию кнопки

На форме есть кнопка, по нажатию которой должна открываться новая страница с картинкой. Картинка меняется в зависимости от значения переменной (значение переменной меняется в коде). При этом на первой странице не должно быть рисунка. Вот я написал код, в чем ошибка
HTML5
1
2
3
4
5
6
7
8
9
<html>
    <head>
    </head>
    <body>
        <script type="text/javascript" src="zadanie2.js"></script>
        <img name="myimg">
<input type=button onClick="fn()" value="Ответить">
    </body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
funcrion fn() {
var ot=1;
if(ot<5){
    document.myimg.src="11.jpg";
    }
    else if (ot==5 || ot==6){document.myimg.src="22.jpg";
    }
    else if (ot==7 || ot==8){document.myimg.src="33.jpg";}
    else {document.myimg.src="44.jpg";}}
Ответ: так, картинка открывается по нажатию кнопки - уже хорошо)
Только вот дело в чем.
У меня страница где я нажимаю кнопку. После нажатия появляется новая страница на которой написаны какие то данные и на этой же странице должна быть картинка.
А у меня вышло так, что после нажатия на кнопку, открывается 2 страницы, с моими данными и вторая страница с картинкой. Как можно исправить это?
Вопрос: Смена картинок по нажатию кнопки

На форме есть кнопка, по нажатию которой должна открываться новая страница с картинкой. Картинка меняется в зависимости от значения переменной (значение переменной меняется в коде). При этом на первой странице не должно быть рисунка. Вот я написал код, в чем ошибка?
<html>
    <head>
    </head>
    <body>
        <script type="text/javascript" src="zadanie2.js"></script>
        <img name="myimg">
<input type=button onClick="fn()" value="Ответить">
    </body>
</html>


funcrion fn() {
var ot=1;
if(ot<5){
    document.myimg.src="11.jpg";
    }
    else if (ot==5 || ot==6){document.myimg.src="22.jpg";
    }
    else if (ot==7 || ot==8){document.myimg.src="33.jpg";}
    else {document.myimg.src="44.jpg";}}
Ответ: На первой странице сам тест. После выборов ответа и нажатия кнопки, открывается новое окно с оценкой и в этом же окне должна появится картинка
Вопрос: HTML формы - отправка???

Помогите!
Как организовать отправку информации из HTML формы на сайте на почту...
яделаю следующее
HTML5
1
<form name="form1" accept-charset="KOI8-R" method="post" action="mailto:ххххх@yandex.ru">
но при этом , в зависимости от браузера, открывается либо ОУТлук с сгенерированным письмов из непонятных символов, либо в браузере начинает открываться "почтовик"... Yandex вообще с пустім письмом.....
а нужно чтоб поля заполнили - нажали кнопку - письмо ушло!
Как сделать????
Пасибо!
Ответ:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
$to = "ххххх@yandex.ru";
$from='wwwwww@yandex.ru';
$subject = '\r\nЗаказ товара\r\n';
 
#Header
$header='From:<'.$from.'>\r\n';
$header.='Reply-To:<'.$from.'>\r\n';
$header.='To:<'.$to.'>\r\n';
#End Header
 
$width=$_POST['width'];
$long=$_POST['long'];
$vs=$_POST['vs'];
$radio=$_POST['radio'];
$pr=$_POST['pr'];
$nem=$_POST['nem'];
$fam=$_POST['fam'];
$or=$_POST['or'];
$mail=$_POST['mail'];
$message="Имя: ".$nem."\r\nФамилия: ".$fam."\r\n Организация:".$or."\r\n Примечания:".$pr."\r\n Есть ли термоизоляция :".$radio."\r\n Высота:".$vs."\r\n Длина:".$long."\r\n ширина:".$width."\r\n E-mail:".$mail;
 
if (mail($to, $subject, $message, $header))  echo "<p>Message to ".$to." successfully sent!</p>";
else 
{
        echo "<p>Message  to ".$to." delivery failed...</p>";
}
?>
 

и вот, я нашол ошыбку у вашему html-коде
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<form id="form1" name="form1" accept-charset="KOI8-R" method="post" action="mail.php">
    <label for="ширина">ширина</label>
    <input type="text" name="width" id="subject" />
    <br />
    <br />
    <label for="Длина">Длина</label>
    <input type="text" name="long" id="body" />
    <br />
    <br />
    <label for="vs">Высота</label>
    <input type="text" name="vs" id="vs" />
    <br />
    <br />
    Есть ли термоизоляция 
    <input type="radio" name="radio" id="e" value="e" />
    <label for="e">Есть</label>
    <input type="radio" name="radio" id="n" value="n" />
    <label for="n">Нет</label>
     <br />
     <br />
    <label for="pr">Примечания</label>
    <textarea name="pr" id="pr" cols="45" rows="5"></textarea>
     <br />
     <br />
     <br />
    <label for="nem">Имя</label>
    <input type="text" name="nem" id="nem" />
     <br />
     <br />
     <label for="fam">Фамилия</label>
     <input type="text" name="fam" id="fam" />
     <br />
     <br />
     <label for="or">Организация</label>
     <input type="text" name="or" id="or" />
    <br />
<label for="fam">E-mail:</label>
     <input type="text" name="mail" id="mail" />
<br />
    <label for="отправить">отправить</label>
    <input type="submit" name="отправить" id="отправить" value="Submit" />
  </form>
Вопрос: Заполнение полей при нажатии кнопки

Здравствуйте, такой вопрос есть массив обьектов, нужно сделать так, что бы при нажатии кнопки поля заполнялись обьектами из данных массивов, допустим в одном из массивов есть переменная "Город : Москва" её значение при нажатии кнопки должно записаться в соответствующую форму, помогите, плз
Ответ:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" id="width">
	<input type="text" id="height">

	<button>Magic button</button>

	<script>
		var data = {
			width: '1000мм',
			height: '2000мм'
		}
		document.querySelector('button').onclick = function() {
			Object.keys(data).forEach(function (key) {
				document.getElementById(key).value = data[key];
			});
		}
	</script>
</body>
</html>
Вопрос: Изменить текст по нажатию кнопки

орошего всем настроения!!!

Сегодня узнал, как можно обращаться к элементам DOM.
Тут же возник вопрос: можно ли изменить текст, нажав кнопку?
Попробовал поместить кнопку в форму: нажимаешь на кнопку - срабатывает script.js и меняет текст:
Код HTML5
1
2
3
4
5
6
<meta charset="utf-8">
  <p id="ryiaf">Вот модель атома, которую построил Бор   
  
<form action="script.js">  
  <input type="button" value="Изменить текст">
</form>
Код Javascript
1
document.getElementById('ryiaf').innerHTML="А это - молекула водорода, которая содержит атом, модель которого построил Бор";
не получилось.
Скажите, как правильно изменить текст при нажатии кнопки?
Ответ: Вариант с формой даже поинтереснее - кнопочка не исчезает при нажатии
Вопрос: Передать значения из двух форм одной кнопкой

Здравствуйте. В чем суть: есть страничка со слайдером, в нем есть форма. Чтобы разделить форму на два слайда - пришлось разделить ее на две формы. Данные с формы отправляются по нажатию кнопки на почту письмом. Как организовать так, чтобы отправлялись данные из обеих форм по нажатию этой кнопки? Разные способы пробовал в интернете, может кто сталкивался?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<form enctype="multipart/form-data" class="form" id="form_49949" name="form_submit" accept-charset="utf-8" autocomplete="off" action="send2.php" method="post">
 
<input type="hidden" value="" name="email" id="email">
<input type="hidden" value="1" name="current_page" id="current_page">
<input type="hidden" value="http://formdesigner.ru/form/view/49949" name="pageurl" id="pageurl">
<input type="hidden" value="" name="referrer" id="referrer">
<div class="pages">
<div class="page current" id="page_1">
 
<div id="i385164" class="shift  type-text">
<label class="label required" for="field385164">Ваше имя: <span class="required">*</span></label>
 
<div class="unit"><input class="text required" style="width:75%;" type="text" name="first_name" id="field385164" data-id="385164" placeholder="" value=""></div>
</div>
 
<div id="i385164" class="shift  type-text">
<label class="label required" for="field385164">Ваша фамилия: <span class="required">*</span></label>
 
<div class="unit"><input class="text required" style="width:75%;" type="text" name="last_name" id="field385164" data-id="385164" placeholder="" value=""></div>
</div>
 
<div id="i385164" class="shift  type-text">
<label class="label required" for="field385164">Ваш E-mail: <span class="required">*</span></label>
 
<div class="unit"><input class="text required" style="width:75%;" type="text" name="email" id="field385164" data-id="385164" placeholder="" value=""></div>
</div>
 
</div>
</div>
</form>
 
 
 
<form enctype="multipart/form-data" class="form" id="form_49949" name="form_submit" accept-charset="utf-8" autocomplete="off" action="send2.php" method="post">
 
<div id="i385165" class="shift  type-radio">
<label class="label required" for="field385165">С кем планируете путешествие? <span class="required">*</span></label>
 
<div class="radio">
<div class="unit" id="unit_754830"><input type="radio" value="один" class="required" data-id="385165" id="element_385165_754830" name="who">&nbsp;<label for="element_385165_754830">Один(-на)</label></div>
<div class="unit" id="unit_754831"><input type="radio" value="друзьями" class="required" data-id="385165" id="element_385165_754831" name="who">&nbsp;<label for="element_385165_754831">С друзьями</label></div>
<div class="unit" id="unit_754832"><input type="radio" value="с детьми" class="required" data-id="385165" id="element_385165_754832" name="who">&nbsp;<label for="element_385165_754832">С детьми</label></div>
 
          <div class="unit other">
            <input type="radio" class="required" value="-1" name="field385165" data-id="385165" id="element_385165_other">&nbsp;<label for="element_385165_other">Свой вариант:</label> 
            <input type="text" class="text" name="message" value="">
          </div>
</div>
</div>
<div id="i385166" class="shift  type-radio hide" style="display: none;">
<label class="label required" for="field385166">Сколько детей будет с Вами? <span class="required">*</span></label>
 
<div class="radio">
<div class="unit" id="unit_754833"><input type="radio" value="754833" class="required" data-id="385166" id="element_385166_754833" name="how" disabled="">&nbsp;<label for="element_385166_754833">1</label></div>
<div class="unit" id="unit_754834"><input type="radio" value="754834" class="required" data-id="385166" id="element_385166_754834" name="how" disabled="">&nbsp;<label for="element_385166_754834">2</label></div>
<div class="unit" id="unit_754835"><input type="radio" value="754835" class="required" data-id="385166" id="element_385166_754835" name="how" disabled="">&nbsp;<label for="element_385166_754835">3 или более</label></div>
</div>
</div></form>
 
 
 
<button type="submit" class="submit" name="submit" value="send2.php" form="form_49949">Отправить</button>
И да, я вижу, что у моих форм одинаковые айди, что это недопустимо по сути. Отправляет только данные из первой формы. Спасибо за внимание, буду очень рад любым советам
Ответ: Пифагор, а как по-подругому форму разместить на двух слайдах? будет же нарушение порядка тегов. как мне закрыть форму, если див слайдера закрывающий там. Там же по типу:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="слайд1">
 
<form>форма на 1 слайде</form>
 
</div>
 
<div class="слайд2">
 
<form>форма на 2 слайде</form>
 
</div>
Сам я представляю это очень плоховастенько. Если честно, то с пхп я не особо дружен. Много подобных вопросов в интернете я встречал, но ни один ответ у меня не захотел рабоать( С помощью jquery и джаваскрипт.. Казалось бы, что так просто, но все же это сложно. Неужели никак нельзя?

Добавлено через 2 минуты
Зверушь, ооооо, спасибо большое. Действительно все просто оказывается. До смешного просто. Пошел пробовать.