How to Create Button in Ruby on Rails?
Last Updated :
23 Jul, 2025
Ruby on Rails, commonly known as Rails, is a popular web application framework written in the Ruby programming language. It follows the Model-View-Controller (MVC) architectural pattern, which separates the application's data, logic, and user interface components. Rails emphasizes convention over configuration, which means it provides sensible defaults for getting started quickly without having to configure every aspect of the application.
Create a Demo Project
Before proceeding to the steps, make sure Ruby on Rails is installed on the system.
Step 1: Open the rails terminal, if you're using Windows the terminal name will be 'Ubuntu(WSL)'. Now run the following command. It will create a default project named 'myapp' in the current directory.
rails new myapp
-modified-660.png)
;:rails new myappStep 2: Use this command to get into your project directory.
cd myapp
-modified-660.png)
cd myappStep 3: Execute the below command in the terminal. It will create a controller file (home_controller.rb) in 'app/controllers' and corresponding view file (index.html.erb) which is our webpage in 'app/views/home'. It will also create a route in 'app/config/routes.rb' which is needed for every webpage.
rails generate controller home index
-modified-660.png)
rails generate controller home indexStep 4: Initially, when running the server, it gives the default welcome page as output. To display our home page, make changes in the 'app/config/routes.rb' file. Adding the following line in the file will set our home page as root.
root 'home#index'
-modified-660.png)
Set the home as rootStep 5: Run the server using the command below and view the output at 'http://localhost:3000/'. You can also view the default web page if you don't make any change in 'routes.rb'.
rails server
-modified-660.png)
rails serverOutput:
Open the browser and paste the link 'http://localhost:3000/'.
-modified-660.png)
index.html.erb outputCreating Buttons in Ruby on Rails
Method 1: Using HTML
You can create buttons using HTML '<button>' or '<input>' elements directly within your Rails views. For example,
<button type="button">Click Me</button>
<input type="submit" value="Submit">
The code given below creates a button called "Click Me" and prints "You clicked the button" when it is clicked. Use this code in 'index.html.erb' file and run the 'rails server' command.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<button id="clickButton">Click Me</button>
<div id="output"></div>
<script>
document.getElementById('clickButton').addEventListener('click', function() {
document.getElementById('output').innerText = 'You clicked the button';
});
</script>
</body>
</html>
Output:
HTML Button Method 2: Using Rails 'button_to' helper
'button_to' is primarily used to create buttons that submit forms in Ruby on Rails applications. It is used when you need a button to perform an action that requires form submission, such as submitting data to a controller action. For example,
<%= button_to "Delete", some_path, method: :delete, class: "btn" %>
Step 1: Open your home_controller file '(app/controllers/pages_controller.rb)' and add the following action:
Ruby
class HomeController < ApplicationController
def index
@response = flash[:response]
end
def handle_click
flash[:response] = "You clicked the button"
redirect_to root_path
end
end
Step 2: Open the 'app/views/home' directory and add the following content to 'index.html.erb'
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<%= button_to "Click me", "/home/handle_click", method: :post %>
<% if @response.present? %>
<p><%= @response %></p>
<% end %>
</body>
</html>
This code will generate a button labeled "Click Me". When clicked, it will submit a POST request to the 'handle_click' action asynchronously.
Step 3: In your 'routes.rb' file, use the 'post' method to define a route for 'handle_click' action. Use 'rails server' at the end.
post 'home/handle_click'
Output:
button_to methodMethod 3: Using Rails 'button_tag' helper
'button_tag' is used when you need to create a custom button for UI interactions or other client-side actions that don't involve form submission. It works as a standalone button. For example,
<%= button_tag "Click me", class: "btn" %>
Step 1: Open your home_controller file '(app/controllers/pages_controller.rb)' and write the below code:
Ruby
class HomeController < ApplicationController
def index
end
end
Step 2: Open the 'app/views/home' directory and add the following content to 'index.html.erb'.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<%= button_tag "Click Me", id: "clickButton" %>
<div id="displayText"></div>
<script>
document.getElementById("clickButton").addEventListener("click", function() {
document.getElementById("displayText").innerText = "You clicked the button";
});
</script>
</body>
</html>
Step 3: Your 'routes.rb' file in 'config' directory should look like this.
Ruby
Rails.application.routes.draw do
get 'home/index' # Route for the home page
root 'home#index' # Root route
end
Output:
button_tag methodMethod 4: Using Rails 'link_to' helper
The 'link_to' method is used to generate HTML links (<a> tags) within your views. It's a helper method provided by Rails to simplify the process of creating links to other pages or resources within your application. For example,
<%= link_to "Link Text", "path_to_destination" %>
Step 1: Open the 'app/views/home' directory and add a 'link_to' button in 'index.html.erb' with the path to another page.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<%= link_to "Click Me", clicked_path %>
</body>
</html>
Step 2: Create the new page in 'app/views/home' with the name 'clicked.html.erb' where the button will navigate.
HTML
<h1>You clicked the link</h1>
Step 3: Create the controller action for new page in 'home_controller.rb'.
Ruby
class HomeController < ApplicationController
def index
end
def clicked
end
end
Step 4: Finally define the route and run the server using 'rails server'.
Ruby
Rails.application.routes.draw do
root 'home#index'
get 'clicked', to: 'home#clicked'
end
Output:
lint_to methodMethod 5: Using Rails 'form_tag' helper
The 'form_tag' helper is used to create a form without binding it to any specific model object. It generates a basic HTML form element and allows you to define form fields manually. For example,
<%= form_tag some_path do %>
<%= text_field_tag :username %>
<%= password_field_tag :password %>
<%= submit_tag "Submit" %>
<% end %>
Step 1: Open the 'app/views/home' directory and add the below content in 'index.html.erb'.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<%= form_tag submit_path do %>
<%= label_tag :username, "Username:" %>
<%= text_field_tag :username %><br>
<%= label_tag :password, "Password:" %>
<%= password_field_tag :password %><br>
<%= submit_tag "Submit", class: "btn btn-primary" %>
<% end %>
</body>
</html>
Step 2: Create the new page in 'app/views/home' with the name 'submit.html.erb' where the button will navigate and heading will display for successful form submission.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Submission Successful</title>
</head>
<body>
<h1>Submitted Successfully</h1>
</body>
</html>
Step 3: Create the controller action for new page in 'home_controller.rb'.
Ruby
class HomeController < ApplicationController
def index
end
def submit
end
def submit_form
redirect_to submit_path
end
end
Step 4: Finally define the route and run the server using 'rails server'.
Ruby
Rails.application.routes.draw do
root 'home#index'
get 'submit', to: 'home#submit', as: 'submit'
post 'submit', to: 'home#submit_form'
end
Output:
form_tag methodMethod 6: Using Rails 'form_for' helper
The 'form_for' helper is used when you want to create a form that is associated with a specific model object. It generates form fields based on the attributes of the model object. For example,
<%= form_for @user do |f| %>
<%= f.text_field :username %>
<%= f.password_field :password %>
<%= f.submit "Submit" %>
<% end %>
Step 1: Change the code in 'index.html.erb' as follows:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Demo</title>
</head>
<body>
<%= form_for :user, url: submit_path do |f| %>
<div class="field">
<%= f.label :username, "Username:" %>
<%= f.text_field :username %>
</div>
<div class="field">
<%= f.label :password, "Password:" %>
<%= f.password_field :password %>
</div>
<%= f.submit "Submit", class: "btn btn-primary" %>
<% end %>
</body>
</html>
The rest of the code will remain as it is. In this code, :user is a symbol representing the model object. When 'form_for' is used with a symbol like :user, Rails will generate form fields based on the attributes of the model object represented by that symbol.
Output:
form_for methodRegardless of the method chosen, it's essential to consider usability and accessibility when designing buttons in Rails applications. Buttons should have clear labels, appropriate styling, and be accessible to users of all abilities.
Similar Reads
Ruby Programming Language Ruby is a dynamic, reflective, object-oriented, general-purpose programming language. Ruby is a pure Object-Oriented language developed by Yukihiro Matsumoto. Everything in Ruby is an object except the blocks but there are replacements too for it i.e procs and lambda. The objective of Ruby’s develop
2 min read
Overview
Ruby For BeginnersRuby is a dynamic, reflective, object-oriented, general-purpose programming language. It was designed and developed in the mid-1990s by Yukihiro "Matz" Matsumoto in Japan. This article will cover its basic syntax and some basic programs. This article is divided into various sections for various topi
3 min read
Ruby Programming Language (Introduction)Ruby is a pure Object-Oriented language developed by Yukihiro Matsumoto (also known as Matz in the Ruby community) in the mid 1990’s in Japan. Everything in Ruby is an object except the blocks but there are replacements too for it i.e procs and lambda. The objective of Ruby's development was to make
4 min read
Comparison of Java with Other Programming LanguagesJava is one of the most popular and widely used programming languages and platforms. A platform is an environment that helps to develop and run programs written in any programming language. Java is fast, reliable, and secure. From desktop to web applications, scientific supercomputers to gaming cons
4 min read
Similarities and Differences between Ruby and C languageSimilarities between Ruby and C There are many similarities between C and Ruby, and some of them are: Like C, in Ruby also… A programmer is able to program procedurally if they like to do. But still, behind the scenes, it will be object-oriented.Both the languages have the same operators, for exampl
3 min read
Similarities and Differences between Ruby and C++There are many similarities between C++ and Ruby, some of them are: Just like C++, in Ruby… As in C++, public, private, and protected works similarly in Ruby also .Inheritance syntax is still only one character, but it’s < instead of : in Ruby.The way ‘namespace’ is used in C++, in the similar wa
3 min read
Environment Setup in RubyRuby is an interpreted, high-level, general-purpose programming language. Ruby is dynamically typed and uses garbage collection. It supports multiple programming paradigms, object-oriented, including procedural and functional programming. Ruby is based on many other languages like Perl, Lisp, Smallt
3 min read
How to install Ruby on Linux?Prerequisite: Ruby Programming Language Before we start with the installation of Ruby on Linux, we must have first-hand knowledge of what Ruby is?. Ruby is a pure Object-Oriented language developed by Yukihiro Matsumoto (also known as Matz in the Ruby community) in the mid-1990s in Japan. Everything
2 min read
How to install Ruby on Windows?Prerequisite: Ruby Programming Language Before we start with the installation of Ruby on Windows, we must have first-hand knowledge of what Ruby is?. Ruby is a pure Object-Oriented language developed by Yukihiro Matsumoto (also known as Matz in the Ruby community) in the mid-1990s in Japan. Everythi
2 min read
Interesting facts about Ruby Programming LanguageRuby is an interpreted, high-level, dynamic, general-purpose, open source programming language which focuses on simplicity and productivity. It was designed and developed in the mid-1990s by Yukihiro Matsumoto (also known as Matz in the Ruby community) in Japan. Here are some interesting facts about
2 min read
Basics
Ruby | KeywordsKeywords or Reserved words are the words in a language that are used for some internal process or represent some predefined actions. These words are therefore not allowed to use as variable names or objects or as constants. Doing this may result in compile-time error. Example: Ruby # Ruby program to
4 min read
Ruby | Data TypesData types in Ruby represents different types of data like text, string, numbers, etc. All data types are based on classes because it is a pure Object-Oriented language. There are different data types in Ruby as follows: NumbersBooleanStringsHashesArraysSymbols Numbers: Generally a number is defined
3 min read
Ruby Basic SyntaxRuby is a pure Object-Oriented language developed by Yukihiro Matsumoto (also known as Matz in the Ruby community) in the mid 1990’s in Japan. To program in Ruby is easy to learn because of its similar syntax to already widely used languages. Here, we will learn the basic syntax of Ruby language. Le
3 min read
Hello World in RubyRuby is a dynamic, reflective, object-oriented, general-purpose programming language. Hello World the program is the most basic and first program when we start a new programming language. This simply prints Hello World on the screen. Below is the program to write hello world". How to run a Ruby Prog
2 min read
Ruby | Types of VariablesThere are different types of variables in Ruby: Local variables Instance variables Class variables Global variables Each variable in Ruby is declared by using a special character at the start of the variable name which is mentioned in the following table: Symbol Type of Variable [a-z] or _ Local Var
4 min read
Global Variable in RubyGlobal Variable has global scope and accessible from anywhere in the program. Assigning to global variables from any point in the program has global implications. Global variable are always prefixed with a dollar sign ($). If we want to have a single variable, which is available across classes, we n
2 min read
Comments in RubyStatements that are not executed by the compiler and interpreter are called Comments. During coding proper use of comments makes maintenance easier and finding bugs easily.In Ruby, there are two types of comments:  Single – line comments.Multi – line comments. Here, we are going to explain both typ
2 min read
Ruby | RangesPrerequisite: Ruby Range Operator Ruby ranges depict a set of values with a beginning and an end. Values of a range can be numbers, characters, strings or objects. It is constructed using start_point..end_point, start_point...endpoint literals, or with ::new. It provides the flexibility to the code
4 min read
Ruby LiteralsAny constant value which can be assigned to the variable is called as literal/constant. we use literal every time when typing an object in the ruby code. Ruby Literals are same as other programming languages, just a few adjustments, and differences here. These are following literals in Ruby. Boolean
4 min read
Ruby DirectoriesA directory is a location where files can be stored. For Ruby, the Dir class and the FileUtils module manages directories and the File class handles the files. Double dot (..) refers to the parent directory for directories and single dot(.)refers to the directory itself.The Dir Class The Dir class p
5 min read
Ruby | OperatorsAn operator is a symbol that represents an operation to be performed with one or more operand. Operators are the foundation of any programming language. Operators allow us to perform different kinds of operations on operands. There are different types of operators used in Ruby as follows: Arithmetic
11 min read
Operator Precedence in RubyOperators are used to perform different kinds of operations on operands. Which operator is performed first in an expression with more than one operators with different precedence is determined by operator precedence. when two operators of the same precedence appear in expression associativity is use
2 min read
Operator Overloading in RubyRuby permits operator overloading, allowing one to define how an operator shall be used in a particular program. For example a '+' operator can be define in such a way to perform subtraction instead addition and vice versa. The operators that can be overloaded are +, -, /, *, **, %, etc and some ope
5 min read
Ruby | Pre-define Variables & ConstantsRuby Predefine Variables Ruby contains a wide range of predefined variables. Every predefined variable has its own specification. You can use predefine variables to perform a specific task like when dealing with interpreter parameters or regular expressions. The list of predefined variables in Ruby
5 min read
Ruby | unless Statement and unless ModifierRuby provides a special statement which is referred as unless statement. This statement is executed when the given condition is false. It is opposite of if statement. In if statement, the block executes once the given condition is true, however in unless statement, the block of code executes once th
2 min read
Control Statements
Ruby | Decision Making (if, if-else, if-else-if, ternary) | Set - 1Decision Making in programming is similar to decision making in real life. In programming too, a certain block of code needs to be executed when some condition is fulfilled. A programming language uses control statements to control the flow of execution of the program based on certain conditions. Th
3 min read
Ruby | Loops (for, while, do..while, until)Looping is a fundamental concept in programming that allows for the repeated execution of a block of code based on a condition. Ruby, being a flexible and dynamic language, provides various types of loops that can be used to handle condition-based iterations. These loops simplify tasks that require
5 min read
Ruby | Case StatementThe case statement is a multiway branch statement just like a switch statement in other languages. It provides an easy way to forward execution to different parts of code based on the value of the expression. There are 3 important keywords which are used in the case statement: case: It is similar to
3 min read
Ruby | Control Flow AlterationPrerequisite : Decision Making , Loops Ruby programming language provides some statements in addition to loops, conditionals, and iterators, which are used to change the flow of control in a program. In other words, these statements are a piece of code that executes one after another until the condi
7 min read
Ruby Break and Next StatementIn Ruby, we use a break statement to break the execution of the loop in the program. It is mostly used in while loop, where value is printed till the condition, is true, then break statement terminates the loop. Syntax : Break Example : Ruby # Ruby program to use break statement #!/usr/bin/ruby -w i
2 min read
Ruby redo and retry StatementIn Ruby, Redo statement is used to repeat the current iteration of the loop. redo always used inside the loop. The redo statement restarts the loop without evaluating the condition again. Ruby # Ruby program of using redo statement #!/usr/bin/ruby restart = false # Using for loop for x in 2..20 if x
2 min read
BEGIN and END Blocks In RubyEvery Ruby source file can run as the BEGIN blocks when the file is being loaded and runs the END blocks after the program has finished executing. The BEGIN and END statements are different from each other. A program may contain multiple BEGIN and END blocks. If there is more than one BEGIN statemen
2 min read
File Handling in RubyIt is a way of processing a file such as creating a new file, reading content in a file, writing content to a file, appending content to a file, renaming the file and deleting the file. Common modes for File Handling "r" : Read-only mode for a file. "r+" : Read-Write mode for a file. "w" : Write-onl
4 min read
Methods
OOP Concepts
Object-Oriented Programming in Ruby | Set 1When we say object-oriented programming, we mean that our code is centered on objects. Objects are real-life instances that are classified into various types. Let’s take an example to understand this better. If we consider a rose as an object, then the class of the rose will be flower. A class is li
9 min read
Object Oriented Programming in Ruby | Set-2Prerequisite: Object Oriented Programming in Ruby | Set-1 Inheritance Inheritance is one of the solid fundamental characteristics of object-oriented programming. sometimes we might need certain features of a class to be replicated into another class. Instead of creating that attribute again, we can
8 min read
Ruby | Class & ObjectRuby is an ideal object-oriented programming language. The features of an object-oriented programming language include data encapsulation, polymorphism, inheritance, data abstraction, operator overloading etc. In object-oriented programming classes and objects plays an important role. A class is a b
4 min read
Private Classes in RubyThe concept of private, protected and public methods in Ruby is a bit different than it other languages like Java. In Ruby, it is all about which class the person is calling, as classes are objects in ruby. Private Class When a constant is declared private in Ruby, it means this constant can never b
3 min read
Freezing Objects | RubyAny object can be frozen by invoking Object#freeze. A frozen object can not be modified: we can't change its instance variables, we can't associate singleton methods with it, and, if it is a class or module, we can't add, delete, or modify its methods. To test if an object is frozen we can use Objec
2 min read
Ruby | InheritanceRuby is the ideal object-oriented language. In an object-oriented programming language, inheritance is one of the most important features. Inheritance allows the programmer to inherit the characteristics of one class into another class. Ruby supports only single class inheritance, it does not suppor
4 min read
Polymorphism in RubyIn Ruby, one does not have anything like the variable types as there is in other programming languages. Every variable is an "object" which can be individually modified. One can easily add methods and functions on every object. So here, the Object Oriented Programming plays a major role. There are m
3 min read
Ruby | ConstructorsA constructor is a special method of the class that gets automatically invoked whenever an instance of the class is created. Like methods, a constructor may also contain a group of instructions or a method that will execute at the time of object creation. Important points to remember about Construct
2 min read
Ruby | Access ControlAccess control is a very important part of the object-oriented programming language which is used to restrict the visibility of methods and member fields to protect data from the accidental modification. In terms of access control, Ruby is different from all other Object Oriented Programming languag
8 min read
Ruby | EncapsulationEncapsulation is defined as the wrapping up of data under a single unit. It is the mechanism that binds together code and the data it manipulates. In a different way, encapsulation is a protective shield that prevents the data from being accessed by the code outside this shield. Technically in encap
2 min read
Ruby MixinsBefore studying about Ruby Mixins, we should have the knowledge about Object Oriented Concepts. If we don't, go through Object Oriented Concepts in Ruby . When a class can inherit features from more than one parent class, the class is supposed to have multiple inheritance. But Ruby does not support
3 min read
Instance Variables in RubyThere are four different types of variables in Ruby- Local variables, Instance variables, Class variables and Global variables. An instance variable in ruby has a name starting with @ symbol, and its content is restricted to whatever the object itself refers to. Two separate objects, even though the
3 min read
Data Abstraction in RubyThe idea of representing significant details and hiding details of functionality is called data abstraction. The interface and the implementation are isolated by this programming technique. Data abstraction is one of the object oriented programming features as well. Abstraction is trying to minimize
3 min read
Ruby Static MembersIn Programming, static keywords are primarily used for memory management. The static keyword is used to share the same method or variable of a class across the objects of that class. There are various members of a class in Ruby. Once an object is created in Ruby, the methods and variables for that o
3 min read
Exceptions
Ruby | ExceptionsA good program(or programmer) predict error and arrange to handle them in an effective manner. This is not as easy as it sounds. Exceptions are the errors that occur at runtime. It halts the execution of a program. They are caused by an extensive variety of exceptional circumstances, such as running
4 min read
Ruby | Exception handlingIn Ruby, exception handling is a process which describes a way to handle the error raised in a program. Here, error means an unwanted or unexpected event, which occurs during the execution of a program, i.e. at run time, that disrupts the normal flow of the program's instructions. So these types of
6 min read
Catch and Throw Exception In RubyAn exception is an object of class Exception or a child of that class. Exceptions occurs when the program reaches a state in its execution that's not defined. Now the program does not know what to do so it raises an exception. This can be done automatically by Ruby or manually. Catch and Throw is si
3 min read
Raising Exceptions in RubyAn exception is an unwanted or unexpected event, which occurs during the execution of a program i.e at runtime, that disrupts the normal flow of the program’s instructions. As we know, the code enclosed between begin and end block is totally secured for handling Exceptions and the rescue block tells
4 min read
Ruby | Exception Handling in Threads | Set - 1Threads can also contain exceptions. In Ruby threads, the only exception arose in the main thread is handled but if an exception arises in the thread(other than main thread) cause the termination of the thread. The arising of an exception in a thread other than the main thread depends upon abort_on_
2 min read
Ruby | Exception Class and its MethodsAn exception is an unwanted or unexpected event, which occurs during the execution of a program, i.e. at runtime, that disrupts the normal flow of the program’s instructions. In Ruby, descendants of an Exception class are used to interface between raise methods and rescue statements in the begin or
3 min read
Ruby Regex
Ruby Classes
Ruby Module
Ruby | ModuleA Module is a collection of methods, constants, and class variables. Modules are defined as a class, but with the module keyword not with class keyword. Important Points about Modules: You cannot inherit modules or you can't create a subclass of a module. Objects cannot be created from a module. Mod
4 min read
Ruby | Comparable ModuleIn Ruby, the mixin of Comparable is used by the class whose objects may be ordered. The class must be defined using an operator which compare the receiver against another object. It will return -1, 0, and 1 depending upon the receiver. If the receiver is less than another object, then it returns -1,
3 min read
Ruby | Math ModuleIn Ruby, Modules are defined as a collection of methods, classes, and constants together. Math module consists of the module methods for basic trigonometric and transcendental functions. Module ConstantsNameDescriptionEDefine the value of base of natural logarithm e.PIDefine the value of π. Example:
4 min read
Include v/s Extend in RubyInclude is used to importing module code. Ruby will throw an error when we try to access the methods of import module with the class directly because it gets imported as a subclass for the superclass. So, the only way is to access it through the instance of the class. Extend is also used to importin
2 min read