@@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. ruclips.net/video/QCg7-pVbid8/видео.htmlsi=aMJMSZH9m9utjboJ 2. ruclips.net/video/XJMar7fE0PM/видео.htmlsi=_lZvVXKRRRjJIlqc
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.
@@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.
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
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
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
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. ruclips.net/video/QCg7-pVbid8/видео.htmlsi=aMJMSZH9m9utjboJ 2. ruclips.net/video/XJMar7fE0PM/видео.htmlsi=_lZvVXKRRRjJIlqc
I just became your 1000 subscribers. Congrats and nice video.
@@LandenLam thanks for your comment bro🔥❤️
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
A great tutorial, bro!❤️
@@rxdy22 Thanks for your comment bro🔥🙏
gr8 vid... this effect always look great until you apply it to a textarea....
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
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.
Nice
@@SaranKonala thanks🙏
I needed this for so long thanks for easy tutorial
@@omsharma9523 thanks you bro❤️
good content very useful to beginners .subscribed done. keep it up bro.
@@mekalavasanthu Thanks for motivation comment man🙏
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
Nice 👍👍👍
@@TechTasty-nx6zk thanks🙏
Awesome
@@ronaldallanaljunrupuesto2714 thank you🔥
awesome
@@leo_6961 thanks🔥🙏
Great
@@dragcoder thanks man🙏
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
Cool
@@psociety371 Thank you bro🙏
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;
}
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
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)
❤
Preview??
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
Good stuff
@@rongitmukherjee thanks🙏
source code ?
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!
I can archive this using only HTML tag
whats your vscode theme name?
@@aref003 onedark pro
Bro not use music add keyboard sound
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
nice video bro @WebDevXpert
@@WebDevXpert thanks🔥
@@mr.mobinyt welcome
Where your code??
guys lets get him to 1k subs plz🙏🙏
@@jacksonofficial001 Thank you for your favor, bro🔥🙏
Nice