Сделать форму обратной связи

San4ozzZ · August 9, 2013

Доброго всем времени суток .

Друзья , такая ситуация , мне дали задание на курсах по штмл сделать похожую фичу на форму обратной связи .

Задание такое -

таблица 3блока.

1и3 шириной 20%

2 таблица =100%

в ней ещё таблицу 2 в ширину 3 в высоту = в ней

имя и ввод текста

Фамилия ввод текста

Тема сообщения ввод текста

ниже textrea

ещё ниже кнопка Отправить .

Собственно такое задание .

Вот что я наделал .


<html>
<title></title>
<head></head>
<body>
<center>
<!--tablica-->
<TABLE BORDER=0>
	    <TR> <!-- ROW 1, TABLE 1 -->
			    <TD width=20%>1</TD>
			    <TD width=100%>2
			    <TABLE BORDER=0>
					    <TR>
	  <!-- tablica v tablice -->
							    <TD><input type=text size=40 value="imya"><br></TD>
							    <TD>B</TD>
					    </TR>
					    <TR>
	  <!-- tablica v tablice -->
							    <TD><input type=text size=40 value="tema"><br></TD>
							    <TD>D</TD>
	    <

и второе творение


<html>
<title></title>
<head></head>
<body>
<center><br>
<input type=text size=40 value="Имя><br>
<input type=text size=40 value="Фамилия"><br>
<input type=text size=40 value="Введите логин"><br>
<textarea cols=60 rows=7>
введите ваш текст
</textarea><br>
<input type=button value="Отправить">
</center>
</body>
</html>

надеюсь разберётесь .

если не сложно напишите правильный код с таблицами в таблице , а то я то то запутался совсем ,

а я по нему постораюсь разобраться что да как ....

Struggle · August 9, 2013

Удиви своих товарищей, сделай на дивах, на таблицах заколебешься верстать)

Я же говорил, без посторонней помощи.

Edited August 9, 2013 by Struggle

Николя223 · August 9, 2013

Удиви своих товарищей, поставь правильный doctype

wwt · August 9, 2013


<!--tablica-->
<!-- tablica v tablice -->

Меня ты уже удивил =))) Нет но я еще понимаю переменные, классы, идентификаторы транслитом, но комментарии то нафига? Комментарии можно, и это будет нормально, писать на русском )

ЗЫ и научись описывать задачу, в твоем объяснении без поллитры не разберешься, одна строка чего стоит:

в ней ещё таблицу 2 в ширину 3 в высоту = в ней

Edited August 9, 2013 by wwt

San4ozzZ · August 9, 2013

да ведь только учусь писать код , не позорьте уж сильно))

помогите чуток отредактировать ,

нужно что бы возле полей трёх полей "Введите текст"

слева были надписи

например

Имя ______________

Емайл ______________

Тема _______________


<html>
<title></title>
<head></head>
<body>
<center><br>
<input type=text size=40 value="Введите текст"><br>
<input type=text size=40 value="Введите текст"><br>
<input type=text size=40 value="Введите текст"><br>
<textarea cols=60 rows=7>Введите ваш текст
</textarea><br>
<input type=button value="Отправить">
</center>
</body>
</html>

Edited August 9, 2013 by San4ozzZ

San4ozzZ · August 9, 2013

сделал вот так


<html>
<title></title>
<head></head>
<body>
<center>
  <p>Имя
	  <input type=text size=40 value="Введите текст">
    <br>
    email 
    <input type=text size=40 value="Введите текст"><br>
    Тема
  <input type=text size=40 value="Введите текст">
  </p>
  </p>
  <p><br>
    <textarea cols=60 rows=7>Введите ваш текст
</textarea>
    <br>
    <input type=button value="Отправить">
  </p>
</center>
</body>
</html>

но как то криво формы заполнения выглядят .

их как то возможно выровнять ?

August 9, 2013

http://jsfiddle.net/GsTqH/

wwt · August 10, 2013

Из описания что я понял, нужно сверстать форму используя таблицы, что-то типо такого:


<table width='100%'>
    <tr>
	    <td width='20%'>1</td>
	    <td>2
		    <form>
		    <table width='100%'>
			    <tr>
				    <td>Имя</td>
				    <td><input type='text'></td>
			    </tr>
			    <tr>
				    <td>Фамилия</td>
				    <td><input type='text'></td>
			    </tr>
			    <tr>
				    <td>Тема сообщения</td>
				    <td><textarea></textarea></td>
			    </tr>
		    </table>
		    <input type='button' value="Отправить">
		    </form>
	    </td>
	    <td width="20%">3</td>
    </tr>
</table>

Grifit · August 10, 2013

А на курсах css-ом и блоками делать не дают?

San4ozzZ · August 11, 2013

А на курсах css-ом и блоками делать не дают?

до css ещё не дошли.

покажу что получилось, если что не так ,думаю поправят ,

буду знать , что преподаватель имел ввиду

Edited August 11, 2013 by San4ozzZ

Sign In

Сделать форму обратной связи

Recommended Posts

San4ozzZ

Link to comment

Share on other sites

Struggle

Link to comment

Share on other sites

Николя223

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

San4ozzZ

Link to comment

Share on other sites

San4ozzZ

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Grifit

Link to comment

Share on other sites

San4ozzZ

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information