<head>
<title>{#tagwrap_dlg.titleInput}</title>
<script type="text/javascript" src="../../tinymce/tiny_mce_popup.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<link rel="stylesheet" type="text/css" href="css/tagwrap.css" />
</head>

<body>

<div class="y_logo_contener">
	<img src="img/html5.png" alt="HTML5" />
</div>
<div class="yinstr">
    <p>{#tagwrap_dlg.noteInput}</p>
    <p>{#tagwrap_dlg.noteInput15}</p>
</div>
<form onSubmit="TagwrapDialog.insert();return false;" action="#" method="post" name="Input_tag">
<div class="mceActionPanel">
<script type="text/javascript" language="javascript">
var jwl_sel_content4 = tinyMCE.activeEditor.selection.getContent();
</script>

{#tagwrap_dlg.noteInput1} 
<select id="target1" name="title">
  <option value=""></option>
  <option value="hidden">hidden</option>
  <option value="text">text</option>
  <option value="search">search</option>
  <option value="tel">tel</option>
  <option value="url">url</option>
  <option value="email">email</option>
  <option value="password">password</option>
  <option value="datetime">datetime</option>
  <option value="date">date</option>
  <option value="month">month</option>
  <option value="week">week</option>
  <option value="time">time</option>
  <option value="datetime-local">datetime-local</option>
  <option value="number">number</option>
  <option value="range">range</option>
  <option value="color">color</option>
  <option value="on">on</option>
  <option value="checkbox">checkbox</option>
  <option value="radio">radio</option>
  <option value="file">file</option>
  <option value="submit">submit</option>
  <option value="image">image</option>
  <option value="reset">reset</option>
  <option value="button">button</option>
</select> <em> {#tagwrap_dlg.noteInput8}</em>
<br /><br />
{#tagwrap_dlg.noteInput2} <input id="title_value2" type="text" name="title2" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput9}</em>
<br /><br />
{#tagwrap_dlg.noteInput3} <input id="title_value3" type="text" name="title3" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput10}</em>
<br /><br />
{#tagwrap_dlg.noteInput4} <input id="title_value4" type="text" name="title4" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput11}</em>
<br /><br />
{#tagwrap_dlg.noteInput5} <input id="title_value5" type="text" name="title5" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput12}</em>
<br /><br />
{#tagwrap_dlg.noteInput6} <input id="title_value6" type="text" name="title6" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput13}</em>
<br /><br />
{#tagwrap_dlg.noteInput7} <input id="title_value7" type="text" name="title7" width="200px" value="" /> <em> {#tagwrap_dlg.noteInput14}</em>
</div>
<div style="margin-top:80px;"</div>
<div class="bottom">
    <p><!--{#tagwrap_dlg.bottomnote}--></p>
    <p class="pagelink_hover"><!--{#tagwrap_dlg.bottomnote2}--></p>
</div>
<script type="text/javascript" language="javascript">
function jwl_pass_form_data () {
  var name = jwl_title = document.getElementsByName("title")[0].value;
  var name = jwl_title2 = document.getElementsByName("title2")[0].value;
  var name = jwl_title3 = document.getElementsByName("title3")[0].value;
  var name = jwl_title4 = document.getElementsByName("title4")[0].value;
  var name = jwl_title5 = document.getElementsByName("title5")[0].value;
  var name = jwl_title6 = document.getElementsByName("title6")[0].value;
  var name = jwl_title7 = document.getElementsByName("title7")[0].value;
}

</script>
<div class="mceActionPanel">
  <div style="float:left;padding-top:5px">
  <input type="button" id="insert" name="insert" value="{#insert}" onClick="jwl_pass_form_data();tinyMCE.execCommand('mceInsertContent',false,'<input type=\'' + jwl_title + '\' name=\'' + jwl_title2 + '\' value=\'' + jwl_title3 + '\' alt=\'' + jwl_title4 + '\' width=\'' + jwl_title5 + '\' height=\'' + jwl_title6 + '\' placeholder=\'' + jwl_title6 + '\'>' + jwl_sel_content4 + '</input>');tinyMCEPopup.close();" />&nbsp;<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
  </div>
</div>
</form>
<span style="float:right;"><a target="_blank" href="http://www.joshlobe.com/2012/07/ultimate-tinymce-advanced-html-tags/"><img src="img/tinymce_help.png" /></a></span>
</body>