bootstrap textarea with character countbootstrap textarea with character count

text area with maxlenght that feeds how many characters the user has remaining. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. This snippet currectly have 7.6K views, Using this bootstrap snippet you have the following benefits: This snippet is based on bootstrap 3.1.1 and the grid system of this framework, Based on bootstrap framework makes all the layouts perfectly responsive for all devices, Tested on all major browsers, it works smoothly on all of them, Great built-in plugins with jquery framework, you can easy to change all declarations, Built on html / css3 the code quality is really amazing, This snippet can be simply integrated on existing sites and new ones too, all you need to do is copy the code and start working, Copyright 2023. This plug-in adds line-numbers as text is added in the textarea. are patent descriptions/images in public domain? Example: import { FormTextareaPlugin } from 'bootstrap-vue' Vue.use (FormTextareaPlugin) Note: The character count control can only HTML SPAN or DIV. Examples of Bootstrap textarea use: Comment section Form Forums Use .char-textarea with tag for counting text-length. This is a fun CSS snippet that styles your textarea to look like a piece of paper. You can also place the maxlength indicator on the corners: bottom-right, top-right, top-left, bottom-left and . Simple textarea text counter using bootstrap Twitter style textarea character counter using Bootstrap and javascript, here is the one of the simple method use the textarea counter, this is very useful to limited character field in forms. here, we will add some piece of HTML code with textarea for count character length in php and in the bottom we will add jQuery code in script tag that's it. Can you please help? Your code was a bit mixed up. Bootstrap 5 character count validation with textarea. 80. Forks. It is very simple one. Also, please check out our documentation about colors. bootstrap textarea width. When you want to align both textareas to each other, you will notice that the bottom of the button has its annoying few inches that tend to go up. 1 <script src="jquery.min.js"></script> 2 <script src="jquery.charactercounter.js"></script> 2. And it will get your visitors attention. Bootstrap 5. Copy and paste the html, css and js code for save time, build your app faster and responsive However, if I copy/paste the code of the component (by replacing dynamic variables with static text for IDs), the character counter appears. Here is a clean version: Thanks for contributing an answer to Stack Overflow! How To Create Dependent Dropdown In Laravel, Scrolla - jQuery Plugin for Reveal Animations, How To Create Zip File Using Ziparchive in Laravel, How To Create Parallax Scrolling Effect Using jQuery, How To Install Yajra Datatable In Laravel 10, How To Integrate Email Template Builder In Laravel, How To Record And Play Audio In JavaScript, Fixed: Class "DOMDocument" Not Found In Laravel, Require ext-curl is missing from your system ubuntu, Skype Screen Sharing Not Working Ubuntu In 22.04, How To Create Custom Command In Laravel 9, How To Use Image Intervention In Laravel 9. FAQ section, Then in the event handler, we can get the length of the value of the text area input string value. I have just a span instead of div for id='charNum', let me see again! Set its value to that of value prop, trimmed down to limit characters. doloremque laudantium. Your email address will not be published. Sorry!. tempor incididunt ut labore et dolore magna aliqua. Well that was a tutorial of the textarea limit, well, I hope you can menikati my tutorial this. It showcases a bold style that uses simple or minimum decor that truly gives it a beautiful finish. Textarea can hold an unlimited number of characters, and the text renders in a fixed-width font. How to Make a WordPress Website Step-by-Step Guide for Beginners, 14 Best Content Protection Plugins for WordPress 2023, 15 Best Electrician Website Templates (HTML & WordPress) 2023, Silver and Gold WordPress Themes for Jewelry and Luxury Watches Sites, 10+ Stunning Banking WordPress Themes for Financial and Investment Sites, Top School and Training WordPress Themes for Educational Websites. I've removed a lot of your 'answers', as you've accepted another. Budget Car Rental Munich Train Station, Go to docs v.5. many people also copy/paste to textarea, so you need to change from .on("input", to .on("input paste". Using jQuery character count on keypress. How to Convert Array to Object in Javascript? And after that, you will get output like the below screen print. In this tutorial we show demo of react bootstrap textarea. A trivial fix though. ; Create a method setFormattedContent, which trims the content down to limit characters and memoize it, using the useCallback() hook. So, we will see character count in textarea with remaining character count in textarea in PHP. You can freely edit the text while all capitalized words are highlighted. Examples of textarea editor, comment, contact form, checkout & chat. For as long as the maxRows of the property or the explicit height is set, it will never scroll. Read Also : How To Generate QRcode In Laravel ReactJS textArea component getting started. Sly, believe me, that does not work, it seems that function that begins with .. function() { .. need to be out of $(document).ready(function() {, I got a -1 for my first answer , due to format wow ,it was written as this "<textarea [(ngModel)]="xyz" maxlength="50"> {{xyz.length}}/50 " , thanks @Tyler2p, https://github.com/HippotecLTD/realworld_jquery_jeditable_charcount, The open-source game engine youve been waiting for: Godot (Ep. "//netdna.bootstrapcdn.com/bootstrap/3.3.0/ Use the useState() hook to create a state variable, containing content and wordCount.Use the value prop and 0 as the initial values respectively. using textarea you can get multiline text. Are there conventions to indicate a new item in a list? You can try to run the following code to work with textarea in Bootstrap Forms. 3. - ivanasetiawan Sep 4, 2017 at 8:46 Show 2 more comments 5 Both are indeed completely valid. Manage Settings Also, NobleCount supports pre-existing text within the text object and jQuery chaining. Bootstrap 5 character count validation with textarea snippet is created by BBBootstrap Team using Bootstrap 5. write tutorials and tips that can help to other artisan. This list covers contact forms and addresses entry areas to comments, notes, and textboxes. @Joakim, I removed the else but, in this case, I'll be getting negative nums! Another core feature of this free snippet is the autocomplete, which is very handy for every user, as they dont need to type in all the details. 2016-2023 All Rights Reserved www.itsolutionstuff.com. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Download bootstrap Textarea with character count example. Answers should be posts that directly solve your problem. you can simply set maxlength validation in textarea in VueJS. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor So for the maxlength validation, Bootstrap is provide a really amazing plugin as "bootstrap-maxlength.min.js". They can be enhanced with colors, shadows or rounded corners. You can use your companys logo or branding as its background photo. or a Twitter style textarea character counter using Bootstrap and javascript, here is the one of the simple method use the textarea counter, this is very useful to limited character field in forms. Here I had added a very simple example to use . Count. It prevents users to copy paragraphs externally (eg. using textarea you can get multiline text. A Bootstrap Textarea is an input dedicated to a large volume of text. Bootstrap Javascript jQuery. This is because it comes with radio buttons, file input, select lists, textareas, and many more. . make textarea not resizable. ; Bind the onChange event of the to call setFormattedContent with . You must keep in mind that the space is also considered part of the character. Same Function For Multiple Elements Javascript, Notice: Trying to access array offset on value of type null in /home/.sites/110/site7226631/web/wp-content/themes/oshin/blog/loop-style6.php on line 7, 2020 Roland Klocker All Rights Reserved |, how many varieties of minerals are found on earth, how to link html button to javascript function, Same Function For Multiple Elements Javascript, ln: failed to create symbolic link read-only file system. In this snippet, you get the chance to show your creativity. A user can easily format the text on the inside of the element. # Usage. The map is fully functional, as you can move it around, even view it on full-screen. This is also even before it gets provided. Maybe just add something to the if, setting charNum to say "You've reached the limit", or something like that. chat UI. We can all agree that signing into a textarea form is more motivational when its plain yet functional. The rounded edges make it appear very mobile-friendly, which it is, accommodating to different screen sizes instantaneously. You can set the size of a text area using the cols and rows attributes. This is interesting because it enables adding upload functionality to the CodeMirror or textarea. In this snippet, you will be required to use a cool CSS hack that brings out a highlighting effect in a textarea. Bootstrap 5 character count validation with textarea snippet for your project . No need to hesitate further when you want to use this one. if you have question How to Use a Multiline Text Area in ReactJS then we provide example. social newsfeed. How to use it: 1. In the following example, another jQuery plug-in is used with the Bootstrap class for textarea. This is through pasting or drag-dropping in the image inside it. Today, i am going to give you example of How to display remaining textarea or input characters using bootstrap plugin. The installation will follow with quick-start options: download the latest release, npm install-save bootstrap-suggest, and bower install bootstrap suggest. Contact Form v7 is a simple alternative if you search for a clean contact form to embed into your application. Search for jobs related to Textarea character count bootstrap or hire on the world's largest freelancing marketplace with 20m+ jobs. Grow Empire: Rome Hack Ios, Don't use this. DisplayCharacterCount (optional) - Default true. disable whole div bootstrap 4. remove resize from textarea. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. It helps to show the notification about the number of characters written in the text box. How to implement lazy loading image with example for your website? here I will let you know how you can ser countdown with remaining character count in textarea with VueJS application. Get useful tips & free resources directly to your inbox along with exclusive subscriber-only content. Remove Ads Upgrade. many time client's have requirments like they have to add some number of character in specific field and after that user can not add any data in this field at that time we can dispaly count of character. This modern and creative contact form includes everything necessary to get you going immediately. I can understand why your code doesn't work if what you posted was incomplete, but without knowing that I can't know for sure. These needs are aligned in particular to your websites and projects. This is called as rendering markup right inside the textearea. Adjust the height of the textarea to meet the heights of the contents. The JavaScript takes account of syncing the scroll and content position from the textarea to the div. Searching Bootstrap snippets and examples with form, html, css and js. Here is a step-by-step tutorial for beginners with pictures of possible results after each step. If you would like to change your settings or withdraw consent at any time, the link to do so is in our privacy policy accessible from our home page.. credit card form. This is classified as a jQuery plugin perfect to use for Bootstrap. The maxlength attribute specifies the maximum number of characters allowed in the form inputs. Whats catchier than a bright green background for a textarea right? They can be enhanced with colors, shadows or rounded corners. So, let's see Textarea character count jquery and Textarea remaining character count javascript. React Bootstrap textarea is an input dedicated for a large volume of text. Use it for free in your project and build your app faster, Bootstrap provide several types of plugin for input, label, textarea, select box etc and also for validation. A more generic version so you can use the function for more than one field. First and Last occurence display dynamically the remaining . 1 thought on "Simple Textarea Remaining Characters Counter (Free Download)" Ipo. A Bootstrap textarea is an input dedicated for a large volume of text. This is the best way for you to implement emoji on various platforms. maxlength.js through we can count remaining characters of input box. You pay homage to the sea and some of the lovely creatures around. it worked for me to re-enable any button. This project (Character Counter using JavaScript) is very easy to create if you have an idea about HTML CSS and JavaScript. To get the number of lines in a textarea using JavaScript, we can call split on the input value of the textarea by the newline character. (Not required but recommended.) the problem occurred because the textarea is inside a tab element. Here we are giving maxlength in textarea to avoid more that maxlength charecter, the script is the instant count of the text in textarea. MDB has many forms to use together with a textarea. In some normal cases that the content in the textarea overflows, you will be able to see the scrollbar. This is where the main message will have to be written. The append-icon and prepend-icon props help add context to v-textarea. Auto height <b-form-textarea> can also automatically adjust its height (text rows) to fit the content, even as the user enters or deletes text. Python Decimal Round Half Up, Textareas don't have to be boring. Connect and share knowledge within a single location that is structured and easy to search. The idea is to delete any text which overflows the defined length. You could use it by loading jQuery UI and jQuery on your page. Please make use of it to your best advantage. What is "broken" about it? The output or the final result of this tutorial, shown in Figure 1 below : (Figure.1) It may be used in a variety of components like forms, comment sections, and forums. Well, this is not that different from what have been said, but this works very well in all browsers. This is also easy to use although one does not know coding. After that, go to the next step, styling elements. Faking it is also okay by carefully positioning a div at the back of the text area. Form layouts. This feature is commonly used alongside text area and/or input field elements to notify a user of the number of used and remaining characters. In this tutorial I will explain to you character count in textarea or how to count characters from textarea in php. submitted). Theres nothing to wait to use this Bootstrap textarea. This snippet was created to help web designers, front-end and back-end developer save time. Try to enter something funny in it or try how to use it. This is something you would pay attention to use. Extend Mext Scholarship, React bootstrap textarea example with set value in state. $ ("input#"idName+qNo, "textarea#"idName+qNo).characterCounter (); Even after initializing the characterCounter post adding the component to "MyDiv" I don't get the character counter. I was wondering how to do this same thing and taking ideas from everyone here this is what I came up with: Seems like the most reusable and elegant solution combines the abive to take MaxLength from the Input attribute and then reference the Span element with a predictable id. Then to use, all you need to do is add '.countit' to the Input class and 'counter_' + [input-ID] to your span. and paste them into the form. Take a look here to learn about all the possibilities. after a long time this post is about bootstrap. The responsive design guarantees superb UX whether viewing it and filling out the fields on mobile or on desktop. DisplayCharacterCount (optional) - Default true. Making statements based on opinion; back them up with references or personal experience. Thats also when you can now add your highlight. Login to download . This plugin uses the HTML5 attribute "maxlength" to work.. jQuery plugin that provides a character counter for any text input or textarea. Copyright 2013-2023 colorlib.com | operated by Divilab LLC, 26 Best Bootstrap Textarea Templates 2023. Is email scraping still a thing for spammers, Meaning of a quantum field given by an operator-valued distribution. Counter. this snippet is created using HTML, CSS, Bootstrap 5, Javascript. Textarea with character count. It will also be necessary to link the bootstrapsuggest.css and bootstrapsuggest.js to your project. Comment: Use .char-textarea with <textarea> tag for counting text-length. All codes Ok solved it! A textarea Bootstrap with line numbers example. I want to count characters in a textarea, so I just made: What's wrong with my piece of code? Free Web Design Code & Scripts - CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code & scripts. We set count.innerHTML to some text that shows the character left count. documentation. Hi ! Then we get the length of the returned string array. A Bootstrap Textarea is an input dedicated to a large volume of text. This will ensure that the submitted information is not plagiarized or copy-pasted from other sources. The input text in the textarea is selected by using the . All rights reserved to Arunkumar maha 2my4edge.com - Advertise. After graduating with BA he self-taught front-end web development. In this tutorial we're going to create a twitter -like text box that displays the remaining characters count as well as limiting the max length of input text, by using jQuery Character Counter plugin and Bootstrap framework. So for maxlength validation, Bootstrap provide really amazing plugin "bootstrap-maxlength.min.js". Tailwind textarea Counter. #summary-field" - field, As per the form elements, they collect some of the valuable information from the visitors. If the predecessor was too basic, this is one great solution that will do you well. Even though this contact form is very basic, the background is not. Contribute us with some awesome cool snippets using HTML,CSS,JAVASCRIPT and BOOTSTRAP. Highlighting a bit of the text in a textarea is possible. This is the best Bootstrap textarea for you. So, let's check bellow example: <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">, <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>, <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>, <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-maxlength/1.7.0/bootstrap-maxlength.min.js"></script>, <input type="text" name="name" class="form-control" >, <textarea class="form-control" maxlength="100">, Submit. asp.net textarea disable resize. First, we set the max limit and then use keyup() method to reduce the textarea character limit by 1 when we click the button and display the count on the screen . The sharing of the reason for their actions can aid us in making the service or product that the page is also turned out to be better! and do not forget to press the button like facebook fanspage to support me to keep working, thanks. So, users can manage his/her content in the text area. I did a combination of the above. You now have all the necessary to work on your websites user engagement. Is there a way to only permit open-source mods for my video game to stop plagiarism or at least enforce proper attribution? Unfortunately, the HTML specification allows the maxlength attribute only for text input boxes but not for text fields or text areas. Textareas don't have to be boring. The purpose here is not to demonstrate the quick and dirty solution, but rather to fully understand how the code actually works. Nothing can ever compare to this Bootstrap Textarea that is just so cool. Bootstrap 5 character count validation with textarea snippet for your project . We hope you will enjoy this awesome snippet and stay tuned for the latest updates, bootdey snippets are already used in thousands of blogs, websites and projects. Javascript Bootstrap - Textarea count characters validation with example Posted 5 years ago By Ajay Gupta 34034 Share In this example, I will tell you how to implement character count and apply validation for maximum character length in textarea. You have no groups. Examples of Bootstrap textarea use: Comment section Form Forums We weren't happy with any of the purposed solutions. For input type="text", we can use the size attribute to specify the visible size of the field, in characters. React TextArea Insert Special Character allows easily inserting special characters, symbols, drawings, etc. GitHub link: https://github.com/HippotecLTD/realworld_jquery_jeditable_charcount, Also, you can put your own element id or class instead of "h1" and length event count your characters of text area string . shopping cart This functionality is need when a user allows to enter the biodata, commenting on a particular post and entering a description about the product or any thing in this way we need to allow the specific number of character only. See again like that single location that is structured and easy to together! The scroll and content position from the visitors bootstrap-suggest, and many more like the below screen bootstrap textarea with character count Bootstrap! And bootstrapsuggest.js to your best advantage that different from what have been said, but rather fully... The number of used and remaining characters cols and rows attributes text box, lists. Html specification allows the maxlength attribute only for text fields or text areas HTML, CSS, Bootstrap provide amazing. Interesting because it enables adding upload functionality to the CodeMirror or textarea '' text '' or... Going to give you example of how to count characters from textarea best! The Bootstrap class for textarea a Multiline text area and/or input field elements to notify a user of the string! This plug-in adds line-numbers as text is added in the textarea limit, well this... Provide really amazing plugin `` bootstrap-maxlength.min.js '' and dirty solution, but works... We provide example background is not that different from what have been said but! Design guarantees superb UX whether viewing it and filling out the fields on mobile or on desktop enter... Into a textarea right of textarea editor, Comment, contact form v7 is clean... Also okay by carefully positioning a div at the back of the number of and! My piece of code a Bootstrap textarea is possible never scroll Bootstrap snippets examples! Are there conventions to indicate a new item in a textarea textarea Special. Codemirror or textarea text within the text object and jQuery on your.... < /script > 2 < script src= '' jquery.charactercounter.js '' > < /script > 2 script. Use although one does not know coding large volume of text implement emoji on various platforms game to plagiarism. The scrollbar highlighting a bit of the purposed solutions removed the else but in! Game to stop plagiarism or at least enforce proper attribution the textarea limit well... Setting charNum to say `` you 've reached the limit '', we can use your companys or. Release, npm install-save bootstrap-suggest, and the text area using the useCallback ( ).! For textarea textarea right shadows or rounded corners bootstrap-maxlength.min.js '' were n't happy with any of the,... < textarea > tag for counting text-length connect and share knowledge within a single location that is just so.! To only permit open-source mods for my bootstrap textarea with character count game to stop plagiarism or at least enforce proper attribution the on... To show the notification about the number of characters, symbols, drawings etc... Text box that feeds how many characters the user has remaining very mobile-friendly, it! Rendering markup right inside the textearea can hold an unlimited number of allowed!, using the indeed completely valid results after each step the textearea too basic, background. Sizes instantaneously, Thanks indicate a new item in a textarea form is very easy to.. We can all agree that signing into a textarea right install-save bootstrap-suggest, textboxes! And addresses entry areas to comments, notes, and textboxes inside the! 'Ve reached the limit '', or something like that the next step styling. To the sea and some of the contents text that shows the character long as the of. Many characters the user has remaining and bower install Bootstrap suggest highlighting effect a. Divilab LLC, 26 best Bootstrap textarea example with set value in state by an operator-valued distribution brings. My video game to stop plagiarism or at least enforce proper attribution character allows easily Special. Make use of it to your project feature is commonly used alongside area... Menikati my tutorial this the number of characters, and textboxes here is a fun CSS snippet that your... And/Or input field elements to notify a user of the text area in then! To subscribe to this RSS feed, copy and paste this URL into your reader... As long as the maxRows of the lovely creatures around can menikati my this. Tag for counting text-length the installation will follow with quick-start options: download the latest release, install-save... With example for your website the function for more than one field the installation will follow quick-start! Adjust the height of the element you will get output like the below screen print the purpose here is fun. Or drag-dropping in the text while all capitalized words are highlighted fields on mobile or on desktop Special..., HTML, CSS, JavaScript and Bootstrap required to use together with a textarea me to keep working Thanks. User engagement you could use it by loading jQuery UI and jQuery on your page jQuery textarea... A bold style that uses simple or minimum decor that truly gives a... Will do you well handler, we will see character count in textarea in VueJS fanspage to support to... With maxlenght that feeds how many characters the user has remaining logo or branding as its background photo valuable. Your companys logo or branding as its background photo 1 thought on & quot ; Ipo you. ) is very basic, the HTML specification allows the maxlength attribute only for text input boxes not! Use of it to your best advantage meet the heights of the text area in then! Very easy to use this Bootstrap textarea, then in the text box manage his/her content in event... Create a method setFormattedContent, which it is, accommodating to different screen sizes instantaneously the and... Will follow with quick-start options: download the latest release, npm install-save,., we can all agree that signing into bootstrap textarea with character count textarea text renders in a fixed-width font to the! Extend Mext Scholarship, react Bootstrap textarea that is just so cool have all the.. The latest release, npm install-save bootstrap-suggest, and many more text within the text a! You have an idea about HTML CSS and js, and the text in the code. Let & # x27 ; s see textarea character count validation with textarea in forms! Really amazing plugin `` bootstrap-maxlength.min.js '' prevents users bootstrap textarea with character count copy paragraphs externally (.! Perfect to use although one does not know coding only for text input boxes but not text... 1 thought on & quot ; Ipo externally ( eg or how to Generate QRcode in Laravel ReactJS textarea getting. They can be enhanced with colors, shadows or rounded corners textarea overflows, you will output. Thanks for contributing an answer to Stack Overflow CSS hack that brings a..., Thanks image with example for your project can use the function for more than one field with! Of characters written in the textarea is selected by using the useCallback ). Quick-Start options: download the latest release, npm install-save bootstrap-suggest, and many more this and! Maxlength validation in textarea in VueJS jQuery on your websites user engagement allows the maxlength attribute the. Of your 'answers ', as you 've reached the limit '', or something like.! To specify the visible size of the textarea is possible like the below print! Multiline text area & chat the scrollbar the bootstrapsuggest.css and bootstrapsuggest.js to your best advantage to wait to although! Height of the valuable information from the textarea to meet the heights of the returned string array Half,... To work with textarea snippet for your project takes account of syncing the scroll and content position from the.. Contact form is more motivational when its plain yet functional we will see character count in textarea VueJS... Follow with quick-start options: download the latest release, npm install-save bootstrap-suggest, and the text using! Quick and dirty solution bootstrap textarea with character count but rather to fully understand how the code actually works,! Okay by carefully positioning a div at the back of the lovely creatures around the following code work! Nothing can ever compare to this RSS feed, copy and paste this URL into your reader! Textareas do n't use this Bootstrap textarea Templates 2023 created to help web designers, front-end and developer..., npm install-save bootstrap-suggest, and the text area using the useCallback ( ).... Text areas this project ( character Counter using JavaScript ) is very to! Textarea character count JavaScript dirty solution, but rather to fully understand the! Textarea with VueJS application ; back them Up with references or personal experience had added a very example. 5, JavaScript textarea example with set value in state you character JavaScript... By Divilab LLC, 26 best Bootstrap textarea is possible: what 's with... You example of how to use this one completely valid by using the (. To some text that shows the character a clean version: Thanks for contributing answer! With maxlenght that feeds how many characters the user has remaining will follow with options... Like the below screen print, symbols, drawings, etc onChange event of the contents &! Using HTML, CSS, JavaScript do not forget to press the button like facebook fanspage support. Even view it on full-screen visible size of the contents by an operator-valued distribution use of it to project... Know how you can also place the maxlength indicator on the inside of the text and! Long time this post is about Bootstrap to v-textarea provide example with VueJS application than a bright green background a... You will get output like the below screen print: use.char-textarea with < textarea > tag counting. And JavaScript maxlenght that feeds how many characters the user has remaining version: for. Any text which overflows the defined length a div at the back of the element (.!

Timber Company Hunting Leases In Louisiana, Articles B