responsive-login-form's People
Forkers
nichitasvisciuc clint-gitahi vohoaiphong itsmurumba boy8xnoname ahmed-elshwaf filthedev mac786-spy arezupanahi yavuzoktay edipoelwes2 mdsaad13 rcncln sanogotech morozov-roman shubhamchaudharyy igoveyner ruslancic tirthankarkundu17 younghallaji merq-rodriguez slyamciss vincentmuriuki wesleywcr yuutech rafaelalexandre007 khalilbentili insidersin007 yashrsaxena axius939 hkwolfx maxcodextc ahmed1514 josedavidmunozmorejon the-jus saraththarayil kingrishabdugar masudrana2779 sunethnavodya google224 updp1992 kaydf kishanbhatt89 moustafamahmoudfci programmermohebi enggharbia emmandeb johnywellington rakshit6432 enther59 knive35 manikanta98 andrepjt abhijitkumardash huyhomie66 vestigegroup pauloloks orionesu winstonmhango jhoansteve aika1603 neelshah-web e-compfast alijuma1997 hiradev govind177 rockysharaf akash-ck atdetquizan mohamedsoclose kmsharjas samatsadvakasov truong-ngt mubtakir-lazuardi oussama-sr under305 daljeetkumar banhmiomama kayode-adechinan mrfarhan creatorpow sepulvedahd saravanansankar93 bachuruchitha raga-aravind ramesh960386 orlandoperdana dhprakash empyrdev ahsajol aungsoeo hakzz-06 eliothson kenlock hduongck sarah-mrcrt benengi ra44o vikupilot mmhryshchukresponsive-login-form's Issues
Login
Mobile resolution does not apply.
Well, you are missing one stuff in html:
<meta name="viewport" content="width=device-width, initial-scale=1">
Without it, it simple does not work.
hb
jln
Can you one video about how to do wave png in photo shop
Can you one video about how to do wave png in photo shop
How did you generate wave image?
What is the tool that you used to generate the wave image?
tag me
yubhm
How link this login form to database?
I want to link this form to database how to do that bro. Also how to signup I searched your videos but I didn't get any signup form.
check for autocomplete
Hey, nice job!
Just asked myself - what about autocomplete?
If user saved the login-form-data in browser, re-visit the page and normaly, there is
// ...
<h5>Username</h5>
<input type="text" class="input" autocomplete="username" required />
// ...
And now the saved value will be shown on the same line as h5
because there is no class .focus
.
So maybe the JS should first look on value.length
while walking trough the input-elements?
inputs.forEach(input => {
if(input.value.length > 0 ){
let parent = this.parentNode.parentNode;
parent.classList.add("focus");
}
input.addEventListener("focus", addcl);
input.addEventListener("blur", remcl);
});
Well, this could be better to use the addcl()
function but i dont know how to give this
to it at this time :-P
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.