Мой вопрос довольно прост. Но я серьезно отношусь к стеку, так как никогда не занимался перемещением комментария и не применял его раньше.
Вот код поля для комментариев, которое я получил из бесплатного источника:
<form method='post'>
<div class="name">NAME: <input type='text' name='name' id='name' /><br /></div>
Comment:<br />
<textarea name='comment' id='comment'></textarea><br />
<input type='hidden' name='articleid' id='articleid' value='<? echo $_GET["id"]; ?>' />
<input type='submit' value='Submit' />
</form>
И теперь я пытаюсь расположить его так, чтобы он хорошо вписался в мою страницу. Мне удалось переместить его на страницу, поместив весь фрагмент кода в div, но когда дело доходит до полей Имя и комментарий, даже я не уверен, что делать. Было бы здорово увидеть некоторые идеи.
0
Решение
Я бы порекомендовал использовать Bootstrap для создания чистого дизайна вашей формы.
добавлять начальная загрузка вашей голове вашей HTML-страницы:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
Затем вы можете изменить код формы, чтобы использовать контейнеры Bootstrap, группы форм и классы управления формами для структурирования и стилизации вашего кода. Увидеть Вот Больше подробностей. form-group сгруппируйте поля меток и поля ввода вместе, избавляя от необходимости создавать собственные CSS или использовать HTML-разрывы, чтобы изменить структуру страницы. form-control добавляет стиль Bootstrap в поля ввода.
Я создал пример из вашего примера кода с использованием Bootstrap:
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Example Form</h1>
<form>
<div class="form-group">
<label for="nameInput">Name</label> <input class="form-control" id="nameInput" placeholder="Name" type="text">
</div>
<div class="form-group">
<label for="commentInput">Comment</label>
<textarea class="form-control" id="commentInput"></textarea>
</div>
<input id='articleid' name='articleid' type='hidden' value='<? echo $_GET["id"]; ?>'>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
</div>
</div>
Смотрите код ручки для просмотра формы — http://codepen.io/jamesg1/pen/ALAZKg
1
Другие решения
Других решений пока нет …
Мой вопрос довольно прост. Но я серьезно отношусь к стеку, так как никогда не занимался перемещением комментария и не применял его раньше.
Вот код поля для комментариев, которое я получил из бесплатного источника:
И теперь я пытаюсь расположить его так, чтобы он хорошо вписался в мою страницу. Мне удалось переместить его на страницу, поместив весь фрагмент кода в div, но когда дело доходит до полей Имя и комментарий, даже я не уверен, что делать. Было бы здорово увидеть некоторые идеи.
Решение
Я бы порекомендовал использовать Bootstrap для создания чистого дизайна вашей формы.
добавлять начальная загрузка вашей голове вашей HTML-страницы:
Затем вы можете изменить код формы, чтобы использовать контейнеры Bootstrap, группы форм и классы управления формами для структурирования и стилизации вашего кода. Увидеть Вот Больше подробностей.
form-groupсгруппируйте поля меток и поля ввода вместе, избавляя от необходимости создавать собственные CSS или использовать HTML-разрывы, чтобы изменить структуру страницы.form-controlдобавляет стиль Bootstrap в поля ввода.Я создал пример из вашего примера кода с использованием Bootstrap:
Смотрите код ручки для просмотра формы — http://codepen.io/jamesg1/pen/ALAZKg
Другие решения
Других решений пока нет …