Javascript put text into text area using button

javacript html 4.01 strict

[MrWhippy]

Hi all,

I am trying to use javascript to put text into a textarea, so that the user can add tags to the content,

It would be nice if i could add tags around the selected text, however that is not an absolute need.

I have found some code

<INPUT TYPE="button" NAME="insert" VALUE="BOLD" onClick="this.form.page_edit_text.value=this.form.page_edit_text.value.concat('<b></b>');">
<INPUT TYPE="button" NAME="insert" VALUE="ITALICS" onClick="this.form.page_edit_text.value=this.form.page_edit_text.value.concat('<i></i>');">
<INPUT TYPE="button" NAME="insert" VALUE="UNDERLINE" onClick="this.form.page_edit_text.value=this.form.page_edit_text.value.concat('<u></u>');">
<INPUT TYPE="button" NAME="insert" VALUE="PARA" onClick="this.form.page_edit_text.value=this.form.page_edit_text.value.concat('<p></p>');">

however the w3c validator gives an error message saying that i cannot have input inside a form,

can anyone shed any light on this or give me somewhere to find a reference to valid html 4.01 strict way of doing this please.

[DrDoc]

You need to put your inputs inside something else. In other words, instead of:

<form> 
  <input> 
  <input> 
</form>

You need to do something like:

<form> 
  <div> 
    <input> 
    <input> 
  </div> 
</form>

Form elements (inline-level elements) are not allowed to reside directly inside the form itself, but must be placed within a block-level parent (such as DIV, P, etc [which is what the validator suggested]).

[MrWhippy]

Thanks for that,

after reading your explanation it all makes sense now, cheers