@@RG_aming Thank you for your comment, Yes, you are right, many people need these videos, and I tried to show this very quickly and usefully. I am glad that it was useful.
@@mr.mobinytbro how do I merge this two HTML and CSS content 1. th-cam.com/video/QCg7-pVbid8/w-d-xo.htmlsi=aMJMSZH9m9utjboJ 2. th-cam.com/video/XJMar7fE0PM/w-d-xo.htmlsi=_lZvVXKRRRjJIlqc
@@moecritic1493 Using the pointer-events feature in CSS, you can specify whether a tag responds to the mouse pointer event or not! For example, by default, when the mouse is placed on a link, the mouse pointer changes shape.
The main point is you can't do it functional without required attribute on the input. This is the main catch otherwise whats stopping bootstrap to implement it.
You should make it save each 0.5 sec. or something, in the beginning of the video, it is better for us to see what changes when you write X and Y, but you save it after writing some code, otherwise, thanks, 4.5 mins of video for one of the best features to add to a login form!
@@tolgaflashtr2855 Thank you for the comment, for sure, the number of people who have made this request has increased, auto save is active in the next videos
if you select or click on the input . It will select any element after ~ eg - input:focus ~ label here css will select label when u click on the input box
bro when i click one somewhere then that text (enter your email) come again in the box after i write something on box whyyy also i copied the same code as your
this is the video everyone wants, no voiceover no 30minute intro ... just useful content
@@RG_aming Thank you for your comment, Yes, you are right, many people need these videos, and I tried to show this very quickly and usefully. I am glad that it was useful.
@@mr.mobinytbro how do I merge this two HTML and CSS content 1. th-cam.com/video/QCg7-pVbid8/w-d-xo.htmlsi=aMJMSZH9m9utjboJ 2. th-cam.com/video/XJMar7fE0PM/w-d-xo.htmlsi=_lZvVXKRRRjJIlqc
Wow! Your tutorials take our projects to a new level! Thank you very much and much success!
@@CuriousFox_ Thank you very much for your kindness
I just became your 1000 subscribers. Congrats and nice video.
@@LandenLam thanks for your comment bro🔥❤️
gr8 vid... this effect always look great until you apply it to a textarea....
For those who are new or just didnt know, pointer-events:none; makes the text un-selectable
@@moecritic1493 Using the pointer-events feature in CSS, you can specify whether a tag responds to the mouse pointer event or not! For example, by default, when the mouse is placed on a link, the mouse pointer changes shape.
@@moecritic1493 Thanks for your comments 🙏
Or just use `user-select: none` to disable selection.
The main point is you can't do it functional without required attribute on the input. This is the main catch otherwise whats stopping bootstrap to implement it.
You don't need attributes to do this
If it is div and not form element. its not needed add the required attribute
I needed this for so long thanks for easy tutorial
@@omsharma9523 thanks you bro❤️
A great tutorial, bro!❤️
@@rxdy22 Thanks for your comment bro🔥🙏
Nice
@@SaranKonala thanks🙏
Can you please try explaining what you do and why you do ?
just an advice, don't put the font-family rule in the '*' selector as it's also goes to unnecesary elements that don't use it
good content very useful to beginners .subscribed done. keep it up bro.
@@mekalavasanthu Thanks for motivation comment man🙏
Nice 👍👍👍
@@TechTasty-nx6zk thanks🙏
You should make it save each 0.5 sec. or something, in the beginning of the video, it is better for us to see what changes when you write X and Y, but you save it after writing some code, otherwise, thanks, 4.5 mins of video for one of the best features to add to a login form!
@@tolgaflashtr2855 Thank you for the comment, for sure, the number of people who have made this request has increased, auto save is active in the next videos
I'll subscribe looks like I'm gonna learn awesome things from you
@@ronaldallanaljunrupuesto2714 Thank you for your comment, I try to provide good content
awesome
@@leo_6961 thanks🔥🙏
Cool
@@psociety371 Thank you bro🙏
Awesome
@@ronaldallanaljunrupuesto2714 thank you🔥
Great
@@dragcoder thanks man🙏
fantastic unfortunately i can't get the animation to work if the label html comes before the input, even if you give the input id to the label.
AI fixed it: .input-field:focus-within label {
top: 0;
padding: 0 10px;
background: #121212;
}
❤
I can archive this using only HTML tag
bhai input:focus ke baad ~ lagane se kya hota hai?
if you select or click on the input . It will select any element after ~
eg - input:focus ~ label
here css will select label when u click on the input box
Preview??
Hey! Which color scheme or theme are you using in vs code? Looks good. Im actually tired of the default theme
@@Code_Cosmoss Thank you for watching and your comment, the name of this theme is onedark pro
@@mr.mobinyt thanks!
bro when i click one somewhere then that text (enter your email) come again in the box after i write something on box whyyy also i copied the same code as your
what is the spellcheck attr used for?
It is used for preventing any sort of wrong spellings in the text field.
For ex: Name: John (not jaun)
Good stuff
@@rongitmukherjee thanks🙏
source code ?
nice video bro @WebDevXpert
@@WebDevXpert thanks🔥
@@mr.mobinyt welcome
Bro not use music add keyboard sound
whats your vscode theme name?
@@aref003 onedark pro
Pro tip: if you don't add required in input html tag then the label isn't transforming
@@shuvosarkar8888 If we do not add the value inside the tag, the label will return to the previous state
guys lets get him to 1k subs plz🙏🙏
@@jackson-media123 Thank you for your favor, bro🔥🙏
Where your code??
Nice