Page 1 of 1

3 clickable icons in form

Posted: 08 Sep 2017, 07:23
by JanMolendijk
I want to moderate my textboxes with icons
for this i have this script but i can`t place 3 icons
meight you could support me... how to do

Code: Select all

<style type="text/css">
#form1 div{
    position:relative;
    width:400px;
    padding:5px;
    border:1px solid #000;    
    overflow:hidden
}
#form1 label{
    float:left;
    text-align:right;
    width:80px;
    padding:0 20px;
}
#form1 input{
    width:200px;
    padding:5px 40px 5px 5px;
    float:left;
}
#form1 a{
    float:left;
    margin:2px 0 0 -32px;
    text-decoration:none;
    width:30px;
    height:25px;
    background:transparant;
    position:relative;
    z-index:99;
}
#form2 a{
    float:left;
    margin:2px 0 0 -32px;
    text-decoration:none;
    width:30px;
    height:25px;
    background:transparant;
    position:relative;
    z-index:99;
}


</style>
</head>

<body>
<form id="form1" id="form2" method="post" action="">
    <div>
        <label for="text">Enter text:</label>
        <input type="text" name="text" id="text" />
        <a href="http://www.pmob.co.uk"><img src="http://145.53.93.209/Comments/user/icos/6.gif" border="none"></img></a> 

    </div>
</form>
</body>
</html>

3 clickable icons in form

Posted: 08 Sep 2017, 14:22
by Admin
Sorry, I not understand what you want to do.
For what you want the icons, and way you can't place more icons?
Also, the code is wrong. In a html element you may add a single id attribute only.

3 clickable icons in form

Posted: 08 Sep 2017, 16:27
by JanMolendijk
I found an answer to work with classes