This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Html/CSS/JavaScript › Text-like buttons (when you type a submission once, double-click the input box the next time...)
View: 15440|Reply: 7

[HTML/HTML5] Text-like buttons (when you type a commit, the next time you double-click the input box, the record you entered before will appear)

[Copy link]
Posted on 10/23/2014 10:27:13 AM | | |

<html>
<head>
<title>Buttons like text</title>
<style type="text/css">
<!--
body{
        background-color:#daeeff;                       
}
form{
        font:14px;
}
input{
        font:14px Arial;
}
.txt{
        border-bottom:1px solid #005aa7;       
        color:#005aa7;
        border-top:0px;
        border-left:0px;
        border-right:0px;
        background-color:transparent;               
}
.btn{
        background-color:transparent;               
        border:0px;                                               
}
-->
</style>
   </head>
<body>
<form method="post">
        Please enter your information: <input type="text" name="name" id="name" class="txt">
        <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit>>" class="btn">
</form>
</body>
</html>



Dear! Study hard




Previous:html colorful drop-down menu effect code
Next:I rely on me to become a moderator
Posted on 10/23/2014 10:48:17 AM |
That is a must
Posted on 10/23/2014 10:57:01 AM |
I had tears in my eyes
Posted on 10/23/2014 1:08:05 PM |
You just learn html? Or did you learn it before?
 Landlord| Posted on 10/23/2014 1:24:27 PM |
Black-bellied plum Posted on 2014-10-23 10:48
That is a must

Come on, work hard
 Landlord| Posted on 10/23/2014 1:26:04 PM |
admin posted on 2014-10-23 13:08
You just learn html? Or did you learn it before?

What I learned before is now for the juniors and juniors to learn from
 Landlord| Posted on 10/23/2014 1:27:33 PM |
The summer solstice has not arrived Posted on 2014-10-23 10:57
I had tears in my eyes

Don't make trouble, be a quiet student!
Posted on 10/23/2014 1:35:22 PM |
兂ㄌ、嶶笶 Posted on 2014-10-23 13:27
Don't make trouble, be a quiet student!

Definitely
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com