Espero y me puedan ayudar.
Deseo realizar una encuesta la cual contendrá una pregunta y 4 opciones esas opciones serán Excelente, bueno, regular y malo las cuales estarán representadas con un emoticon o emojis. El problema radica en que no se como hacer que a la hora de dar clic en alguna de estas caritas inserte en la base de datos la respuesta ya sea cualquiera de las 4 que se de click
<!DOCTYPE HTML>
<html>
<head>
<title>ENCUESLAB</title>
<!-- Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Notable Feedback Form template Responsive,
Login form web template,Flat Pricing tables,Flat Drop downs Sign up Web Templates,
Flat Web Templates, Login sign up Responsive web template,
SmartPhone Compatible web template, free web designs for Nokia, Samsung,
LG, SonyEricsson, Motorola web design">
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta Tags -->
<link
href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/style.login.css" rel='stylesheet' type='text/css' />
<!-- online fonts-->
<link href="https://fonts.googleapis.com/css?family=Amiri:400,400i,700,700i" rel="stylesheet">
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!-- Navigation -->
<nav
class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase"
id="mainNav">
<div class="w3l-head">
<h1>ENCUESLAB</h1>
</div>
</nav>
<form
action="opciones_pregunta.php"
method="POST" name="respuesta" id="respuesta">
<div class="container">
<div>
<h1 class="text-uppercase mb-0">
Como califica la atención recibida a su llegada?
</h1>
</div>
<div>
<div>
<input type=image
src="images/excelente.png" width="120" height="120"
HSPACE="30" VSPACE="5" name="excelente" value="excelente" id="excelente">
<input type=image
src="images/bueno.png" width="120" height="120"
HSPACE="30" VSPACE="5" id="bueno" name="bueno" value="bueno">
<input type=image
src="images/regular.png" width="120" height="120"
HSPACE="30" VSPACE="5" id="regular" name="regular" value="regular">
<input type=image
src="images/malo.png" width="120" height="120"
HSPACE="30" VSPACE="5" id="malo" name="malo" value="malo">
</div>
</div>
</div>
</form>
</body>
</html>