HTMLgenerator/HTMLUserInput/index.html

553 lines
25 KiB
HTML
Raw Permalink Normal View History

2017-08-24 20:23:46 +02:00
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="UpperInput">
<div id="LeftImg">
<img src="newblacklogo960.png" alt="user image">
</div>
<div id="RightSide">
<form action="#" name="tot">
<table class="tableInput">
<tr>
<td class="toRight pdd1">Nickname:</td>
<td><input class="iRBLl iRTRl bShl pdd2 otbs" name="nickname" type="text" maxlength="30"></td>
</tr>
<tr>
<td class="toRight pdd1">Age:</td>
<td><input class="iRTLl bShl pdd2 otbs" name="age" type="number" max="150" min="1"></td>
</tr>
<tr>
<td class="toRight pdd1">Height:</td>
<td><input class="iRBLl bShl pdd2 otbs" name="height" type="number" max="250" min="40"></td>
<td>(centimeters)</td>
</tr>
<tr>
<td class="toRight pdd1">Species:</td>
<td><input class="iRTLl iRBRl bShl pdd2 otbs" name="species" type="text" maxlength="30"></td>
<td><input type="radio" name="human" value="1">Human</td>
</tr>
<tr>
<td class="toRight pdd1">Gender:</td>
<td><input class="iRBLl iRTRl bShl pdd2 otbs" name="gender" type="text" maxlength="30"></td>
<td>&#x203E\_(ツ)_/&#x203E</td>
</tr>
<tr>
<td class="toRight pdd1">Alive:</td>
<td colspan="2">
<input type="radio" name="true" value="true">True
<input type="radio" name="false" value="false">False
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="BottomInput">
<form action="#" name="tot">
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7c98e8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7c98e8;box-shadow: 0 0 7px 0 #7c98e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7c98e8;box-shadow: 0 0 7px 0 #7c98e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #e87c84">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c84;box-shadow: 0 0 7px 0 #e87c84 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c84;box-shadow: 0 0 7px 0 #e87c84 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7cc2e8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cc2e8;box-shadow: 0 0 7px 0 #7cc2e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cc2e8;box-shadow: 0 0 7px 0 #7cc2e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #e8b37c">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e8b37c;box-shadow: 0 0 7px 0 #e8b37c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e8b37c;box-shadow: 0 0 7px 0 #e8b37c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e8b17c">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e8b17c;box-shadow: 0 0 7px 0 #e8b17c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e8b17c;box-shadow: 0 0 7px 0 #e8b17c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #e87c95">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c95;box-shadow: 0 0 7px 0 #e87c95 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c95;box-shadow: 0 0 7px 0 #e87c95 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e2e87c">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e2e87c;box-shadow: 0 0 7px 0 #e2e87c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e2e87c;box-shadow: 0 0 7px 0 #e2e87c inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #7ce8d8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7ce8d8;box-shadow: 0 0 7px 0 #7ce8d8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7ce8d8;box-shadow: 0 0 7px 0 #7ce8d8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7ce8cf">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7ce8cf;box-shadow: 0 0 7px 0 #7ce8cf inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7ce8cf;box-shadow: 0 0 7px 0 #7ce8cf inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #7cd2e8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cd2e8;box-shadow: 0 0 7px 0 #7cd2e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cd2e8;box-shadow: 0 0 7px 0 #7cd2e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #e87cbf">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87cbf;box-shadow: 0 0 7px 0 #e87cbf inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87cbf;box-shadow: 0 0 7px 0 #e87cbf inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #9d7ce8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #9d7ce8;box-shadow: 0 0 7px 0 #9d7ce8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #9d7ce8;box-shadow: 0 0 7px 0 #9d7ce8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e87c92">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c92;box-shadow: 0 0 7px 0 #e87c92 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c92;box-shadow: 0 0 7px 0 #e87c92 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #e87c7e">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c7e;box-shadow: 0 0 7px 0 #e87c7e inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c7e;box-shadow: 0 0 7px 0 #e87c7e inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #7cc7e8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cc7e8;box-shadow: 0 0 7px 0 #7cc7e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cc7e8;box-shadow: 0 0 7px 0 #7cc7e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN iRBRb selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #7c80e8">
<table id="table">
<tr><th colspan="2">TraitName</th></tr>
<tr>
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
<td class="iRTL iRBR bgColorGray pdd3">
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7c80e8;box-shadow: 0 0 7px 0 #7c80e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
<td class="iRTR bgColorGray pdd3">
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7c80e8;box-shadow: 0 0 7px 0 #7c80e8 inset"><span class="fR">(0-100)</span><br>
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
</td>
</tr>
<tr>
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
<td class="pdd0">
<select name="selection" class="bSN selFix">
<option value="positive">Positive</option>
<option value="neutral">Neutral</option>
<option value="negative">Negative</option>
</select>
</td>
</tr>
</table>
</div>
<button style="text-align: center;width: 100%;"><p>Submit</p></button>
</form>
</div>
</body>
</html>