Me gustaría en un formulario que tengo tener un input donde el usuario pueda escribir el color en hexadecimal tal que #fff000 y también desplegar un color picker para así poder seleccionar el color que quiera si no sabe el hexadecimal exacto del mismo.
He buscado en google e input type="color" no vale porque no es soportado por todos los navegadores.
Alguna idea?
El formulario actual luce tal que así:
<form novalidate class="form1" id="userModify" name="userModify" enctype="multipart/form-data" method="post" target="" action="save_changes.php">
<p>Personal Broker Infomation</p>
<ol>
<li>Email Address :<br/>
<input style="margin-bottom:10px" type="text" id="userEmailAddress" name="userEmailAddress" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" value="<?=$_SESSION['user'][6]?>"/>
</li>
<li>Full Name :<br/>
<input style="margin-bottom:10px" type="text" id="userFullName" name="userFullName" required value="<?=$_SESSION['user'][5]?>" />
</li>
<li>Telephone Number :<br/>
<input style="margin-bottom:10px" type="text" id="userTelephone" name="userTelephone" required value="<?=$_SESSION['user'][4]?>"/>
</li>
</ol>
<p>Corporate Broker Infomation</p>
<ol>
<li>Company Name :<br/>
<input style="margin-bottom:10px" type="text" id="userCompanyName" name="userCompanyName" required value="<?=$_SESSION['user'][0]?>"/>
</li>
<li>Logo :<br/>
<input style="margin-bottom:10px" type="file" name="userLogoFile" id="userLogoFile" required />
<br/>
(Current File)<br/>
<img src="../images/logos/<?=$_SESSION['user'][1]?>">
</li>
<li>Primary / Branding Colour : (HTML Color Code)<br/>
<!--AQUÍ INSERTAR UN COLOR PICKER QUE VALGA EN TODOS LOS NAVEGADORES-->
<input class="" style="margin-bottom:10px" type="text" value="<?=$_SESSION['user'][2]?>" name="userColour" id="userColour" required />
</li>
</li>
<li>Regulatory Footer<br/>
<textarea style="width:400px; height:80px;" class="" style="margin-bottom:10px" type="text" name="userRegulatory" id="userRegulatory" required><?=$_SESSION['user'][10]?> </textarea>
</li>
</ol>
<button id="saveInfo" class="submit proceed" type="submit">Save Changes</button>
</form>